Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2024-12-22 19:07:54 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #118 from corinnekrych/logout.menu

Browse Source 
fix(navigation): signout more visible
This commit is contained in:
Ivar Conradi Østhus 2018-02-26 08:22:49 +01:00 committed by GitHub
commit 7d7ca48259
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/component/app.jsx
View File

@ -112,7 +112,7 @@ export default class App extends Component {
return [0, 0];
}
};
const createListItem = (path, caption, icon, isDrawerNavigation = false) => {
const createListItem = (path, caption, icon, isDrawerNavigation = false, isAnchor = false) => {
const linkColor =
isDrawerNavigation && this.context.router.isActive(path)
? 'mdl-color-text--black'
@ -121,17 +121,26 @@ export default class App extends Component {
isDrawerNavigation && this.context.router.isActive(path)
? 'mdl-color-text--black'
: 'mdl-color-text--grey-600';
return (
const renderIcon = (
<Icon
name={icon}
className={isDrawerNavigation ? [styles.navigationIcon, iconColor].join(' ') : undefined}
/>
);
return isAnchor ? (
<a
href={path}
className={isDrawerNavigation ? [styles.navigationLink, linkColor].join(' ') : undefined}
>
{icon && renderIcon}
{caption}
</a>
) : (
<Link
to={path}
className={isDrawerNavigation ? [styles.navigationLink, linkColor].join(' ') : undefined}
>
{icon && (
<Icon
name={icon}
className={isDrawerNavigation ? [styles.navigationIcon, iconColor].join(' ') : undefined}
/>
)}
{icon && renderIcon}
{caption}
</Link>
);
@ -158,6 +167,7 @@ export default class App extends Component {
{createListItem('/history', 'Event History', 'history', true)}
{createListItem('/archive', 'Archived Toggles', 'archive', true)}
{createListItem('/applications', 'Applications', 'apps', true)}
{createListItem('/api/admin/user/logout', 'Sign out', 'exit_to_app', true, true)}
</Navigation>
<hr />
<Navigation className={styles.navigation}>