Drawer items now broken into sections & updates with themes

invertase · Dec 28, 2015 · b8ccf01 · b8ccf01
1 parent f4b329c
commit b8ccf01
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 116 deletions.
diff --git a/lib/Drawer/Header.js b/lib/Drawer/Header.js
@@ -33,6 +33,7 @@ export default class Header extends Component {
 
 const styles = {
     header: {
-        paddingHorizontal: 16
+        paddingHorizontal: 16,
+        marginBottom: 8
     }
 };
diff --git a/lib/Drawer/Item.js b/lib/Drawer/Item.js
diff --git a/lib/Drawer/Subheader.js b/lib/Drawer/Subheader.js
diff --git a/lib/Drawer/index.js b/lib/Drawer/index.js
@@ -3,8 +3,7 @@ import { THEME_NAME, PRIMARY_COLORS } from '../config';
 import { getColor } from '../helpers';
 
 import Header from './Header';
-import Item from './Item';
-import Subheader from './Subheader';
+import Section from './Section';
 
 export default class Drawer extends Component {
 
@@ -24,9 +23,7 @@ export default class Drawer extends Component {
 
     static Header = Header;
 
-    static Item = Item;
-
-    static Subheader = Subheader;
+    static Section = Section;
 
     render() {
         const { theme, overrides, children } = this.props;
@@ -45,7 +42,11 @@ export default class Drawer extends Component {
 
         return (
             <ScrollView style={Object.assign(styles.container, { backgroundColor })}>
-                {children}
+                {React.Children.map(children, (child) => {
+                    return React.cloneElement(child, {
+                        theme
+                    });
+                })}
             </ScrollView>
         );
     }