created a new standard drawer that accepts 2 lists

Author: PolGuixe

src/index.js

@@ -8,5 +8,6 @@ export { default as BasicAppBar } from './templates/AppBar/BasicAppBar';
 export { default as TwoRowsAppBar } from './templates/AppBar/TwoRowsAppBar';
 export { default as BasicFooter } from './templates/Footer/BasicFooter';
 export { default as BasicDrawer } from './templates/Drawer/BasicDrawer';
+export { default as StandardDrawer } from './templates/Drawer/StandardDrawer';
 
 export default Layout;

src/templates/Drawer/StandardDrawer/StandardDrawer.jsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from 'material-ui/styles';
+import Divider from 'material-ui/Divider';
+
+import DrawerItemsList from '../DrawerItemsList';
+
+import styles from './styles';
+
+class StandardDrawer extends React.PureComponent {
+  static propTypes = {
+    secondList: PropTypes.arrayOf(PropTypes.shape({})),
+    firstList: PropTypes.arrayOf(PropTypes.shape({})),
+    classes: PropTypes.shape({}),
+  };
+
+  static defaultProps = {
+    firstList: null,
+    secondList: null,
+  };
+  render() {
+    const { firstList, secondList, classes } = this.props;
+    return (
+      <div className={classes.wrapper}>
+        {firstList ? <DrawerItemsList items={firstList} /> : null}
+        {firstList && secondList ? <Divider /> : null}
+        {secondList ? <DrawerItemsList items={secondList} /> : null}
+      </div>
+    );
+  }
+}
+
+export default withStyles(styles)(StandardDrawer);

src/templates/Drawer/StandardDrawer/index.js

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

src/templates/Drawer/StandardDrawer/styles.js

@@ -0,0 +1,5 @@
+export default {
+  wrapper: {
+    width: '100%',
+  },
+};