From 3aa0d100b3d81bf5b7e611dbc67a0ef705f25f72 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Mon, 29 Nov 2021 18:25:46 +0100
Subject: [PATCH] [Refactoring] Middle Header: Small refactoring

---
 src/components/middle/HeaderActions.tsx | 86 +++++++++++++------------
 1 file changed, 45 insertions(+), 41 deletions(-)

diff --git a/src/components/middle/HeaderActions.tsx b/src/components/middle/HeaderActions.tsx
index 2b68ee308..3e98b28d3 100644
--- a/src/components/middle/HeaderActions.tsx
+++ b/src/components/middle/HeaderActions.tsx
@@ -126,47 +126,51 @@ const HeaderActions: FC<OwnProps & StateProps & DispatchProps> = ({
 
   return (
     <div className="HeaderActions">
-      {!IS_SINGLE_COLUMN_LAYOUT && canExpandActions && canSubscribe && (
-        <Button
-          size="tiny"
-          ripple
-          fluid
-          onClick={handleSubscribeClick}
-        >
-          {lang(isChannel ? 'ProfileJoinChannel' : 'ProfileJoinGroup')}
-        </Button>
-      )}
-      {!IS_SINGLE_COLUMN_LAYOUT && canExpandActions && canStartBot && (
-        <Button
-          size="tiny"
-          ripple
-          fluid
-          onClick={handleStartBot}
-        >
-          {lang('BotStart')}
-        </Button>
-      )}
-      {!IS_SINGLE_COLUMN_LAYOUT && canExpandActions && canRestartBot && (
-        <Button
-          size="tiny"
-          ripple
-          fluid
-          onClick={handleRestartBot}
-        >
-          {lang('BotRestart')}
-        </Button>
-      )}
-      {!IS_SINGLE_COLUMN_LAYOUT && canSearch && (
-        <Button
-          round
-          ripple={isRightColumnShown}
-          color="translucent"
-          size="smaller"
-          onClick={handleSearchClick}
-          ariaLabel="Search in this chat"
-        >
-          <i className="icon-search" />
-        </Button>
+      {!IS_SINGLE_COLUMN_LAYOUT && (
+        <>
+          {canExpandActions && canSubscribe && (
+            <Button
+              size="tiny"
+              ripple
+              fluid
+              onClick={handleSubscribeClick}
+            >
+              {lang(isChannel ? 'ProfileJoinChannel' : 'ProfileJoinGroup')}
+            </Button>
+          )}
+          {canExpandActions && canStartBot && (
+            <Button
+              size="tiny"
+              ripple
+              fluid
+              onClick={handleStartBot}
+            >
+              {lang('BotStart')}
+            </Button>
+          )}
+          {canExpandActions && canRestartBot && (
+            <Button
+              size="tiny"
+              ripple
+              fluid
+              onClick={handleRestartBot}
+            >
+              {lang('BotRestart')}
+            </Button>
+          )}
+          {canSearch && (
+            <Button
+              round
+              ripple={isRightColumnShown}
+              color="translucent"
+              size="smaller"
+              onClick={handleSearchClick}
+              ariaLabel="Search in this chat"
+            >
+              <i className="icon-search" />
+            </Button>
+          )}
+        </>
       )}
       <Button
         ref={menuButtonRef}