Updated SidebarLayout compose button styles and hide if no user

• Updated:
- SidebarLayout compose button styles and hide if no user
This commit is contained in:
mgabdev 2020-11-03 13:12:11 -06:00
parent e66a9ae0a6
commit b12e66ef88
1 changed files with 22 additions and 16 deletions

View File

@ -91,23 +91,29 @@ class SidebarLayout extends React.PureComponent {
{children}
</nav>
<Responsive min={BREAKPOINT_SMALL}>
<Button
isBlock
onClick={this.handleOpenComposeModal}
className={[_s.py15, _s.fs15PX, _s.fw600].join(' ')}
>
Gab
</Button>
</Responsive>
{
!!me &&
<Responsive min={BREAKPOINT_SMALL}>
<Button
onClick={this.handleOpenComposeModal}
className={_s.py15}
icon='pencil'
iconSize='18px'
iconClassName={[_s.py5, _s.px5].join(' ')}
/>
</Responsive>
}
<Responsive max={BREAKPOINT_SMALL}>
<Button
onClick={this.handleOpenComposeModal}
className={_s.py15}
icon='pencil'
/>
</Responsive>
{
!!me &&
<Responsive max={BREAKPOINT_SMALL}>
<Button
onClick={this.handleOpenComposeModal}
className={_s.py15}
icon='pencil'
/>
</Responsive>
}
</div>
</div>