Merge pull request #47 from OrigenStudio/feature/provide-layout-actions-trhough-context-API

implemented the LayoutAction context

Author: PolGuixe

src/components/Layout/Layout.jsx

@@ -11,6 +11,7 @@ import styles from './styles';
 
 import AppBar from '../AppBar';
 import Footer from '../Footer';
+import LayoutActions from './LayoutActions';
 
 // FIXME remove once material-ui drawer style is fixed
 const isDocked = type => type === 'permanent' || type === 'persistent';
@@ -222,7 +223,16 @@ class Layout extends React.PureComponent {
             {rightDrawerContentWithProps}
           </Drawer>
         ) : null}
-        <main className={mainClassnames}>{children}</main>
+        <LayoutActions.Provider
+          value={{
+            toggleLeftDrawer: this.toggleLeftDrawer,
+            toggleRightDrawer: this.toggleRightDrawer,
+            handleLeftDrawerClose: this.handleLeftDrawerClose,
+            handleRightDrawerClose: this.handleRightDrawerClose,
+          }}
+        >
+          <main className={mainClassnames}>{children}</main>
+        </LayoutActions.Provider>
         {footerContent ? (
           <Footer {...footerProps}>{footerContent}</Footer>
         ) : null}

src/components/Layout/LayoutActions.jsx

@@ -0,0 +1,10 @@
+import React from 'react';
+
+const LayoutActions = React.createContext({
+  toggleLeftDrawer: () => {},
+  toggleRightDrawer: () => {},
+  handleRightDrawerClose: () => {},
+  handleLeftDrawerClose: () => {},
+});
+
+export default LayoutActions;

src/components/Layout/index.js

@@ -1,3 +1,5 @@
 import Layout from './Layout';
+import LayoutActions from './LayoutActions';
 
+export { LayoutActions };
 export default Layout;

src/index.js

@@ -1,9 +1,9 @@
-import Layout from './components/Layout';
+import Layout, { LayoutActions } from './components/Layout';
 
+export { LayoutActions };
 export { default as AppBar } from './components/AppBar';
 export { default as Footer } from './components/Footer';
 
-
 export { default as BasicAppBar } from './templates/AppBar/BasicAppBar';
 export { default as TwoRowsAppBar } from './templates/AppBar/TwoRowsAppBar';
 export { default as BasicFooter } from './templates/Footer/BasicFooter';