moar logs

client/src/app.tsx

@@ -37,7 +37,8 @@ function App() {
             <Header user={user} />
             <Router>
                 <Route path="/" component={Home} />
-                <Route path="/login" component={Login} success={loginSuccess} />
+                <Route path="/login" component={Login} success={loginSuccess} mode="login" />
+                <Route path="/register" component={Login} success={loginSuccess} mode="register" />
                 <Route path="/search" component={Search} />
                 <Route path="/list" component={List} user={user} />
 

client/src/components/header.tsx

@@ -10,6 +10,13 @@ const Header = ({ user }) => {
         </nav>
     );
 
+    const anonNav = () => (
+        <nav>
+            <a href="/login">Login</a>
+            <a href="/register">Register</a>
+        </nav>
+    );
+
     const adminNav = () => (
         <nav>
             <a href="/bundles">Bundles</a>
@@ -20,7 +27,7 @@ const Header = ({ user }) => {
 
     return (
         <header>
-            {user ? nav() : null}
+            {user ? nav() : anonNav()}
             <div></div>
             {user ? adminNav() : null}
         </header>

client/src/routes/home.tsx

@@ -1,5 +1,6 @@
 import { h } from 'preact';
 import { useState, useEffect } from 'preact/hooks';
+import {  route } from 'preact-router';
 
 import actions from './../actions';
 import Offer from './../components/offer';
@@ -13,6 +14,7 @@ function Home() {
             if (error) return console.error(error);
             console.log(offers);
             setOffers(offers);
+            if (offers.length === 0) route('/search');
         }
         getOffers();
     }, []);

client/src/routes/login.tsx

@@ -2,13 +2,14 @@ import { h } from 'preact';
 import { useState } from 'preact/hooks';
 import actions from './../actions';
 
-const Login = ({ success }) => {
-    const [mode, setMode] = useState('login')
+const Login = ({ success, mode }) => {
     const [email, setEmail] = useState('')
     const [password, setPassword] = useState('');
     const [confirmPassword, setConfirmPassword] = useState('');
     const [error, setError] = useState('');
 
+    console.log(confirmPassword);
+
     async function postLogin() {
         const [error, user] = await actions.postLogin(email, password);
         if (error) return setError(error);
@@ -51,7 +52,6 @@ const Login = ({ success }) => {
                     <input type="submit" value="register" onClick={handleSubmit} />
                 </div>
             </form>
-            <button onClick={() => setMode('login')} >Click to login</button>
         </div>
 
     );
@@ -72,15 +72,14 @@ const Login = ({ success }) => {
                     <input type="submit" value="login" onClick={handleSubmit} />
                 </div>
             </form>
-            <button onClick={() => setMode('register')} >Click to register</button>
         </div>
     );
 };
 
-function LoginPage({ success }) {
+function LoginPage({ success, mode }) {
     return (
         <div class="landing">
-            <Login success={success} />
+            <Login success={success} mode={mode} />
             <div></div>
             <div class="info">
                 <p>Mates Crates is a record importing service.</p>