feat: When signed in no landing page. Otherwise we show the landing page

Author: atapas

components/core/App.js

@@ -11,7 +11,7 @@ import { shapes } from "../../data/shapes";
 import Loader from "react-loader-spinner";
 
 // ShapeListing
-import { ShapeList } from '..';
+import { ShapeList, Header } from '..';
 
 const App = (props) => {
   const [data, setData] = useState([]);
@@ -42,6 +42,7 @@ const App = (props) => {
 
   return (
     <>
+      <Header {...props} />
       {loading ? (
         <Loader
           style={{margin: '20% auto auto 42%'}}

components/core/Landing.js

@@ -1,16 +1,34 @@
 import React from 'react';
 
+import Button from 'react-bootstrap/Button';
+
 // Header
 import { Header } from '..'
 
+// icon
+import { BsLightning } from "react-icons/bs";
+
+// link
+import Link from "next/link";
+
 const Landing = ({ setOpen, user, setUser }) => {
 
     return(
         <div>
             <Header setOpen={setOpen} user={user} setUser={setUser} />
             <div>
-                <h1>Try Shape</h1>
+                <h1>Landing</h1>
             </div>
+            <Link href="/app">
+              <a>
+                <Button>
+                  <div>
+                    Try Now!
+                    <BsLightning />
+                  </div>
+                </Button>
+              </a>
+            </Link>
         </div>
     )
 };

pages/app.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { App } from "../components";
+
+const Container = (props) => {
+  return <App {...props} />;
+};
+
+export default Container;

pages/index.js

@@ -2,10 +2,15 @@ import React from "react";
 import { App, Landing } from "../components";
 
 const index = (props) => {
+  const { user } = props;
+  console.log(user);
   return (
     <main>
-      <Landing {...props} /> 
-      <App {...props} />
+      { 
+        user.length === 0 ? 
+          (<Landing {...props} />) : 
+          (<App {...props} />) 
+      }
     </main>
   );
 };