drawer templates

Author: PolGuixe

src/templates/DrawerTemplates/BasicDrawer/BasicDrawer.jsx

@@ -0,0 +1,29 @@
+import _ from 'lodash';
+import React from 'react';
+import { withStyles } from 'material-ui/styles';
+import List, { ListItem, ListItemIcon, ListItemText } from 'material-ui/List';
+import Icon from 'material-ui/Icon';
+
+import styles from './styles';
+
+class BasicDrawer extends React.PureComponent {
+  render() {
+    const { links, classes } = this.props;
+    return (
+      <div>
+        {_.map(links, link => (
+          <List className={classes.list}>
+            <ListItem button onClick={link.onClick}>
+              <ListItemIcon>
+                {link.icon ? <Icon>{link.icon}</Icon> : <Icon>arrow_right</Icon>}
+              </ListItemIcon>
+              <ListItemText primary={link.label} />
+            </ListItem>
+          </List>
+        ))}
+      </div>
+    );
+  }
+}
+
+export default withStyles(styles)(BasicDrawer);

src/templates/DrawerTemplates/BasicDrawer/index.js

@@ -0,0 +1,3 @@
+import BasicDrawer from './BasicDrawer';
+
+export default BasicDrawer;

src/templates/DrawerTemplates/BasicDrawer/styles.js

@@ -0,0 +1,6 @@
+export default {
+  list: {
+    width: 250,
+    flex: 'initial',
+  },
+};