blago
/
tunio-desktop
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Disable layout action bar when logged out (#267)

master
jeffvli 3 years ago
parent
f17a7701ab
commit
45f3ed4bf6
1 changed files with 76 additions and 72 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 148
      src/components/layout/Layout.tsx

148
src/components/layout/Layout.tsx
View File

@ -143,79 +143,83 @@ const Layout = ({ footer, children, disableSidebar, font }: any) => {
margin: '10px 5px 5px 5px',
}}
>
<FlexboxGrid.Item>
<ButtonToolbar aria-label="history">
<StyledButton
aria-label="back"
appearance="subtle"
size="sm"
onClick={() => history.goBack()}
>
<Icon icon="arrow-left-line" />
</StyledButton>
<StyledButton
aria-label="next"
appearance="subtle"
size="sm"
onClick={() => history.goForward()}
>
<Icon icon="arrow-right-line" />
</StyledButton>
</ButtonToolbar>
</FlexboxGrid.Item>
<FlexboxGrid.Item>
<ButtonToolbar>
<SearchBar />
<Whisper
speaker={
<Popup
style={{
width: '620px',
maxHeight: '80vh',
overflowY: 'auto',
overflowX: 'hidden',
padding: '0px',
}}
{!disableSidebar && (
<>
<FlexboxGrid.Item>
<ButtonToolbar aria-label="history">
<StyledButton
aria-label="back"
appearance="subtle"
size="sm"
onClick={() => history.goBack()}
>
<Nav
activeKey={activeConfigNav}
onSelect={(e) => setActiveConfigNav(e)}
appearance="tabs"
>
<StyledNavItem eventKey="listView">{t('List View')}</StyledNavItem>
<StyledNavItem eventKey="gridView">{t('Grid View')}</StyledNavItem>
<StyledNavItem eventKey="playback">{t('Playback')}</StyledNavItem>
<StyledNavItem eventKey="player">{t('Player')}</StyledNavItem>
<StyledNavItem eventKey="theme">{t('Theme')}</StyledNavItem>
<StyledNavItem eventKey="server">{t('Server')}</StyledNavItem>
<StyledNavItem eventKey="other">{t('Other')}</StyledNavItem>
</Nav>
{activeConfigNav === 'listView' && <ListViewConfigPanel />}
{activeConfigNav === 'gridView' && <GridViewConfigPanel />}
{activeConfigNav === 'playback' && <PlaybackConfig />}
{activeConfigNav === 'player' && <PlayerConfig />}
{activeConfigNav === 'theme' && <ThemeConfigPanel />}
{activeConfigNav === 'server' && <ServerConfig />}
{activeConfigNav === 'other' && (
<>
<PaginationConfigPanel />
<CacheConfig />
<WindowConfig />
<AdvancedConfig />
</>
)}
</Popup>
}
trigger="click"
placement="bottomEnd"
preventOverflow
>
<StyledButton aria-label="settings" appearance="subtle">
<Icon icon="cog" />
</StyledButton>
</Whisper>
</ButtonToolbar>
</FlexboxGrid.Item>
<Icon icon="arrow-left-line" />
</StyledButton>
<StyledButton
aria-label="next"
appearance="subtle"
size="sm"
onClick={() => history.goForward()}
>
<Icon icon="arrow-right-line" />
</StyledButton>
</ButtonToolbar>
</FlexboxGrid.Item>
<FlexboxGrid.Item>
<ButtonToolbar>
<SearchBar />
<Whisper
speaker={
<Popup
style={{
width: '620px',
maxHeight: '80vh',
overflowY: 'auto',
overflowX: 'hidden',
padding: '0px',
}}
>
<Nav
activeKey={activeConfigNav}
onSelect={(e) => setActiveConfigNav(e)}
appearance="tabs"
>
<StyledNavItem eventKey="listView">{t('List View')}</StyledNavItem>
<StyledNavItem eventKey="gridView">{t('Grid View')}</StyledNavItem>
<StyledNavItem eventKey="playback">{t('Playback')}</StyledNavItem>
<StyledNavItem eventKey="player">{t('Player')}</StyledNavItem>
<StyledNavItem eventKey="theme">{t('Theme')}</StyledNavItem>
<StyledNavItem eventKey="server">{t('Server')}</StyledNavItem>
<StyledNavItem eventKey="other">{t('Other')}</StyledNavItem>
</Nav>
{activeConfigNav === 'listView' && <ListViewConfigPanel />}
{activeConfigNav === 'gridView' && <GridViewConfigPanel />}
{activeConfigNav === 'playback' && <PlaybackConfig />}
{activeConfigNav === 'player' && <PlayerConfig />}
{activeConfigNav === 'theme' && <ThemeConfigPanel />}
{activeConfigNav === 'server' && <ServerConfig />}
{activeConfigNav === 'other' && (
<>
<PaginationConfigPanel />
<CacheConfig />
<WindowConfig />
<AdvancedConfig />
</>
)}
</Popup>
}
trigger="click"
placement="bottomEnd"
preventOverflow
>
<StyledButton aria-label="settings" appearance="subtle">
<Icon icon="cog" />
</StyledButton>
</Whisper>
</ButtonToolbar>
</FlexboxGrid.Item>
</>
)}
</FlexboxGrid>
<Content id="container-content" role="main">

Write Preview
Loading…
Cancel
Save