Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-27 11:02:16 +01:00
Code Issues Projects Releases Wiki Activity

Add icons to navigation

Browse Source
This commit is contained in:
ivaosthu 2016-12-10 14:06:42 +01:00
parent f462da5224
commit 12617aa6e9
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,7 +1,7 @@
import React, { Component } from 'react';
import { Layout, Drawer, Header, Navigation, Content,
Footer, FooterSection, FooterDropDownSection, FooterLinkList,
Grid, Cell,
Grid, Cell, Icon,
} from 'react-mdl';
import { Link } from 'react-router';
import style from './styles.scss';
@ -95,11 +95,11 @@ export default class App extends Component {
onOverlayClick = () => this.setState({ drawerActive: false });
render () {
const createListItem = (path, caption) =>
const createListItem = (path, caption, icon) =>
<a
href={this.context.router.createHref(path)}
className={this.context.router.isActive(path) ? style.active : ''}>
{caption}
<Icon name={icon} /> {caption}
</a>;
return (
@ -114,11 +114,11 @@ export default class App extends Component {
</Header>
<Drawer title="Unleash Admin">
<Navigation>
{createListItem('/features', 'Feature toggles')}
{createListItem('/strategies', 'Strategies')}
{createListItem('/history', 'Event history')}
{createListItem('/archive', 'Archived toggles')}
{createListItem('/applications', 'Applications')}
{createListItem('/features', 'Feature toggles', 'list')}
{createListItem('/strategies', 'Strategies', 'extension')}
{createListItem('/history', 'Event history', 'history')}
{createListItem('/archive', 'Archived toggles', 'archive')}
{createListItem('/applications', 'Applications', 'apps')}
{/*createListItem('/metrics', 'Client metrics')*/}
{/*createListItem('/client-strategies', 'Client strategies')*/}
{/*createListItem('/client-instances', 'Client instances')*/}