Commit Layout

Author: skipfortoday

pages/_app.js

@@ -5,6 +5,7 @@ import { MuiThemeProvider } from "@material-ui/core/styles";
 import CssBaseline from "@material-ui/core/CssBaseline";
 import wrapper from "../src/store";
 import theme from "../src/utils/theme";
+import MiniDrawer from "../src/layouts/admin";
 
 class _App extends App {
   static async getInitialProps({ Component, ctx }) {
@@ -27,6 +28,7 @@ class _App extends App {
 
   render() {
     const { Component, pageProps } = this.props;
+    const Layout = Component.layout || (({ children }) => <>{children}</>);
 
     return (
       <MuiThemeProvider theme={theme}>
@@ -40,7 +42,9 @@ class _App extends App {
           <title>NextJS - With Redux and Material UI</title>
         </Head>
         <CssBaseline />
-        <Component {...pageProps} />
+        <Layout>
+          <Component {...pageProps} />
+        </Layout>
       </MuiThemeProvider>
     );
   }

pages/dashboard.js

@@ -0,0 +1,13 @@
+import React from "react";
+import Admin from "../src/layouts/admin";
+import Orders from "../src/components/orders";
+
+export default function Dashboard() {
+  return (
+    <>
+      <Orders />
+    </>
+  );
+}
+
+Dashboard.layout = Admin;