From c87930cb6262c9d7e38ab8ec9711b19efd7050d6 Mon Sep 17 00:00:00 2001
From: Cyfurion <patrick.fan@stonybrook.edu>
Date: Thu, 2 Dec 2021 08:02:44 -0500
Subject: [PATCH] Link splash page buttons to correct pages

---
 client/src/App.css                    | 2 +-
 client/src/components/HomeWrapper.js  | 9 +++++----
 client/src/components/LoginScreen.js  | 4 ++--
 client/src/components/SplashScreen.js | 5 +++--
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/client/src/App.css b/client/src/App.css
index 25d3bca..14d036c 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -67,7 +67,7 @@ body {
   vertical-align: center;
 }
 #splash-menu {
-  margin-top: 5%;
+  margin-top: 10%;
 }
 
 #credit {
diff --git a/client/src/components/HomeWrapper.js b/client/src/components/HomeWrapper.js
index e63c096..8d0e56a 100644
--- a/client/src/components/HomeWrapper.js
+++ b/client/src/components/HomeWrapper.js
@@ -7,8 +7,9 @@ export default function HomeWrapper() {
     const { auth } = useContext(AuthContext);
     console.log("HomeWrapper auth.loggedIn: " + auth.loggedIn);
     
-    if (auth.loggedIn)
-        return <HomeScreen />
-    else
-        return <SplashScreen />
+    if (auth.loggedIn) {
+        return <HomeScreen />;
+    } else {
+        return <SplashScreen />;
+    }
 }
diff --git a/client/src/components/LoginScreen.js b/client/src/components/LoginScreen.js
index 4c1d9a5..1a8397b 100644
--- a/client/src/components/LoginScreen.js
+++ b/client/src/components/LoginScreen.js
@@ -41,7 +41,7 @@ export default function LoginScreen() {
 
     return (
         <ThemeProvider theme={theme}>
-            <Grid container component="main" sx={{ height: '100vh' }}>
+            <Grid container component="main" sx={{ height: '100%' }}>
                 <CssBaseline />
                 <Grid
                     item
@@ -113,7 +113,7 @@ export default function LoginScreen() {
                                     </Link>
                                 </Grid>
                                 <Grid item>
-                                    <Link href="#" variant="body2">
+                                    <Link href="/register/" variant="body2">
                                         {"Don't have an account? Sign Up"}
                                     </Link>
                                 </Grid>
diff --git a/client/src/components/SplashScreen.js b/client/src/components/SplashScreen.js
index 05b6f9c..9bb775a 100644
--- a/client/src/components/SplashScreen.js
+++ b/client/src/components/SplashScreen.js
@@ -1,3 +1,4 @@
+import { Link } from 'react-router-dom'
 import Button from '@mui/material/Button'
 import Stack from '@mui/material/Stack'
 
@@ -11,8 +12,8 @@ export default function SplashScreen() {
                 for the world to see!
             </p>
             <Stack id="splash-menu" spacing={15} direction="row" justifyContent="center">
-                <Button variant="contained" style={{width: '20%'}}>Create Account</Button>
-                <Button variant="contained" style={{width: '20%'}}>Login</Button>
+                <Button href="/register/" variant="contained" style={{width: '20%'}}>Register</Button>
+                <Button href="/login/" variant="contained" style={{width: '20%'}}>Login</Button>
                 <Button variant="contained" style={{width: '20%'}}>Continue as Guest</Button>
             </Stack>
             <b id="credit">Developed by Patrick Fan, CSE316 Final Project</b>