saving progress with work done with Jon

src/components/GraphicsBayTracker.js

@@ -9,7 +9,7 @@ export const GraphicsBayTracker = () => (
   <>
     <Route
       render={() => {
-        if (localStorage.getItem("graphicsbaytracker_customer")) {
+        if (localStorage.getItem("graphicsbaytracker_customer") === 1 ) {
           return (
             <>
               <NavBar />
@@ -17,10 +17,10 @@ export const GraphicsBayTracker = () => (
             </>
           );
         } else {
-          return <Redirect to="/login" />;
-        }
-      }}
-    />
+          return( <Redirect to="/login" />
+          );
+      }}}
+      />
 
     <Route path="/login">
       <Login />

src/components/auth/Login.js

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from "react"
+import React, { useCallback, useRef, useState } from "react"
 import { Link } from "react-router-dom";
 import { useHistory } from "react-router-dom"
 import "./Login.css"
@@ -7,6 +7,10 @@ export const Login = () => {
     const [email, set] = useState("")
     const existDialog = useRef()
     const history = useHistory()
+    let [gbt_customer, setgbt_customer] = useState(1)
+    
+    
+
 
     const existingUserCheck = () => {
         return fetch(`http://localhost:8088/users?email=${email}`)
@@ -27,7 +31,10 @@ export const Login = () => {
             })
     }
 
+
+
     return (
+        
         <main className="container--login">
             <dialog className="dialog dialog--auth" ref={existDialog}>
                 <div>User does not exist</div>
@@ -56,9 +63,9 @@ export const Login = () => {
             <section className="link--register">
                 <Link to="/register">Not a member yet?</Link>
             </section>
-            <section className="link-skiplogin">
-                <Link to="/GraphicsBayTrackerHome">Skip Login</Link>
-            </section>
+            <button onClick={ () => localStorage.setItem("graphicsbaytracker_customer", 1)}>Skip Login</button>
+            
+    
         </main>
     )
 }

src/components/home/GraphicsBayTrackerHome.js

@@ -1,10 +1,10 @@
 import React from "react"
-import { NavBar } from "../nav/NavBar"
+
 
 export const GraphicsBayTrackerHome =()=>{
-    const displayNavBar = NavBar()
+    
 
     return <div>
-        {displayNavBar}
+            
     </div>
 }

src/components/nav/NavBar.js

@@ -29,7 +29,7 @@ export const NavBar = () => {
                     <ul className="navbar-nav">
                         <li className="nav-item">
                             {
-                            localStorage.graphicsbaytracker_customer >= 1 ? <Link className="nav-Link" to="/Logout">Logout</Link> :  <Link className="nav-link" to="/Login">Login</Link>
+                            localStorage.graphicsbaytracker_customer == true ? <Link className="nav-Link" to="/Logout">Logout</Link> :  <Link className="nav-link" to="/Login">Login</Link>
                                
                                    
                             }