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