lesson-5

iamshaunjp · iamshaunjp · commit 5159f0cc53c7 · 2021-01-04T17:01:30.000Z
diff --git a/comps/Layout.js b/comps/Layout.js
@@ -0,0 +1,14 @@
+import Footer from "./Footer"
+import Navbar from "./Navbar"
+
+const Layout = ({ children }) => {
+  return (
+    <div className="content">
+      <Navbar />
+      { children }
+      <Footer />
+    </div>
+  );
+}
+ 
+export default Layout;
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,7 +1,12 @@
+import Layout from '../comps/Layout'
 import '../styles/globals.css'
 
 function MyApp({ Component, pageProps }) {
-  return <Component {...pageProps} />
+  return (
+    <Layout>
+      <Component {...pageProps} />
+    </Layout>
+  )
 }
 
 export default MyApp
diff --git a/pages/index.js b/pages/index.js
@@ -7,14 +7,12 @@ import styles from '../styles/Home.module.css'
 export default function Home() {
   return (
     <div>
-      <Navbar />
       <h1>Homepage</h1>
       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus animi impedit suscipit architecto, odio inventore nostrum non neque dicta. Quam magni accusantium culpa distinctio tempore iure accusamus, dolorem nobis odit.</p>
       <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus animi impedit suscipit architecto, odio inventore nostrum non neque dicta. Quam magni accusantium culpa distinctio tempore iure accusamus, dolorem nobis odit.</p>
       <Link href="/ninjas/">
         <a>See Ninja Listing</a>
       </Link>
-      <Footer />
     </div>
   )
 }
diff --git a/pages/ninjas/test.js b/pages/ninjas/test.js
