status-im/liquid-funding
2
0
Fork 0
mirror of https://github.com/status-im/liquid-funding.git synced 2025-01-11 12:04:21 +00:00
Code Issues Projects Releases Wiki Activity

refactor(main): simplify list items for menu

Browse Source
This commit is contained in:
Jonathan Rainville 2019-04-24 09:35:17 -04:00
parent dc9075eb71
commit 2ab5b71831
No known key found for this signature in database
GPG Key ID: 5F4630B759727D9C
1 changed files with 15 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
src/components/MainCointainer.jsx
View File

@ -92,6 +92,15 @@ const styles = theme => ({
}
})
const MenuItem = ({to, name, className, icon}) => (
<Link to={to} className={className}>
<ListItem button>
<ListItemIcon>{icon}</ListItemIcon>
<ListItemText primary={name}/>
</ListItem>
</Link>
)
class PersistentDrawerLeft extends React.Component {
state = {
open: false,
@ -153,40 +162,14 @@ class PersistentDrawerLeft extends React.Component {
{theme.direction === 'ltr' ? <ChevronLeftIcon /> : <ChevronRightIcon />}
</IconButton>
</div>
<Divider />
<Divider/>
<List>
<Link to="/dashboard" className={classes.link}>
<ListItem button>
<ListItemIcon><InboxIcon /></ListItemIcon>
<ListItemText primary="Dashboard" />
</ListItem>
</Link>
<MenuItem name="Dashboard" to="/dashboard" className={classes.link} icon={<InboxIcon/>}/>
<MenuItem name="Funds Management" to="/funds-management" className={classes.link} icon={<InboxIcon/>}/>
<MenuItem name="Insights" to="/insights/" className={classes.link} icon={<InboxIcon/>}/>
<MenuItem name="Admin" to="/admin/" className={classes.link} icon={<InboxIcon/>}/>
</List>
<List>
<Link to="/funds-management/" className={classes.link}>
<ListItem button>
<ListItemIcon><InboxIcon /></ListItemIcon>
<ListItemText primary="Funds Management" />
</ListItem>
</Link>
</List>
<List>
<Link to="/insights/" className={classes.link}>
<ListItem button>
<ListItemIcon><InboxIcon /></ListItemIcon>
<ListItemText primary="Insights" />
</ListItem>
</Link>
</List>
<List>
<Link to="/admin/" className={classes.link}>
<ListItem button>
<ListItemIcon><InboxIcon /></ListItemIcon>
<ListItemText primary="Admin" />
</ListItem>
</Link>
</List>
<Divider />
<Divider/>
</Drawer>
<main
className={classNames(classes.content, {