danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2025-01-22 05:11:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

[Refactoring] Middle Header: Small refactoring

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-11-29 18:25:46 +01:00
parent 2f057b6c27
commit 3aa0d100b3
1 changed files with 45 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

86
src/components/middle/HeaderActions.tsx
View File

@ -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}