import React from 'react'
import { func, bool } from 'prop-types'
// components
import { Link } from 'react-router-dom'
import Drawer from '@material-ui/core/Drawer'
import { List, ListItem, ListItemIcon, ListItemText } from '@material-ui/core';
// icons
import StarIcon from '@material-ui/icons/Star';
import ThumbsUpDownIcon from '@material-ui/icons/ThumbsUpDown';
import PeopleIcon from '@material-ui/icons/People'
import SettingsIcon from '@material-ui/icons/Settings'

const DrawerComponent = ({ toggleDrawer, drawerOpen }) => {

  return (
    <Drawer
      onClose={toggleDrawer}
      open={drawerOpen}
    >
      <List component='nav'>
        <ListItem button>
          <ListItemIcon><StarIcon/></ListItemIcon>
          <ListItemText primary='My Reputation' />
        </ListItem>
        <ListItem button>
          <ListItemIcon><ThumbsUpDownIcon/></ListItemIcon>
          <ListItemText primary='Reputation Given' />
        </ListItem>
        <ListItem button>
          <ListItemIcon><PeopleIcon/></ListItemIcon>
          <ListItemText primary='Reputation Received' />
        </ListItem>
        <ListItem button>
          <ListItemIcon><SettingsIcon/></ListItemIcon>
          <ListItemText primary='Settings' />
        </ListItem>
      </List>
    </Drawer>
  )
}

DrawerComponent.propTypes = {
  toggleDrawer: func,
  drawerOpen: bool
}

export default DrawerComponent

@@ -59,16 +59,54 @@
 -types'%0A
+import %7B connect %7D from 'react-redux'%0A
 // compo
@@ -124,12 +124,12 @@
 t %7B 
-Link
+push
  %7D f
@@ -150,11 +150,13 @@
 ter-
-dom
+redux
 '%0Aim
@@ -558,16 +558,22 @@
 awerOpen
+, push
  %7D) =%3E %7B
@@ -701,32 +701,63 @@
 %3CListItem button
+ onClick=%7B() =%3E push('/claim')%7D
 %3E%0A          %3CLis
@@ -1195,32 +1195,66 @@
 %3CListItem button
+ onClick=%7B() =%3E push('/settings')%7D
 %3E%0A          %3CLis
@@ -1473,23 +1473,154 @@
 %0A%7D%0A%0A
-export default 
+function mapDispatchToProps(dispatch) %7B%0A  return %7B%0A    push: x =%3E dispatch(push(x))%0A  %7D%0A%7D%0A%0Aexport default connect(%0A  null,%0A  mapDispatchToProps%0A)(
 Draw
@@ -1630,9 +1630,10 @@
 omponent
+)
 %0A

fix drawer links