diff --git a/frontend/src/component/app.jsx b/frontend/src/component/app.jsx index e06b051b2c..a52af8b78e 100644 --- a/frontend/src/component/app.jsx +++ b/frontend/src/component/app.jsx @@ -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 = ( + + ); + return isAnchor ? ( + + {icon && renderIcon} + {caption} + + ) : ( - {icon && ( - - )} + {icon && renderIcon} {caption} ); @@ -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)}