From 88bff73e2de38a98bc1c703f2996038eec04f845 Mon Sep 17 00:00:00 2001
From: emmanueposu <emmanuep@oregonstate.edu>
Date: Tue, 14 May 2024 06:15:57 -0700
Subject: [PATCH] Added navigation for My Trivia and Sign Up button on home
 page

---
 trivia-forge/frontend/src/App.jsx                  | 2 +-
 trivia-forge/frontend/src/Components/Nav.jsx       | 4 ++--
 trivia-forge/frontend/src/Components/Slideshow.jsx | 1 -
 trivia-forge/frontend/src/Pages/HomePage.jsx       | 4 ++--
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/trivia-forge/frontend/src/App.jsx b/trivia-forge/frontend/src/App.jsx
index a7801c33..213ca0f3 100644
--- a/trivia-forge/frontend/src/App.jsx
+++ b/trivia-forge/frontend/src/App.jsx
@@ -28,7 +28,7 @@ function App() {
             <Route path="/triviaGen" element={<TriviaGenPage />} />
             <Route path="/review" element={<TriviaReviewPage />} />
             <Route path="/myTrivia" element={<MyTrivia />} />
-            <Route path="/SignUpPage" element={<SignUpPage />} />
+            <Route path="/signUp" element={<SignUpPage />} />
           </Routes>
 
         </main>
diff --git a/trivia-forge/frontend/src/Components/Nav.jsx b/trivia-forge/frontend/src/Components/Nav.jsx
index b4f054ca..3a29418a 100644
--- a/trivia-forge/frontend/src/Components/Nav.jsx
+++ b/trivia-forge/frontend/src/Components/Nav.jsx
@@ -18,7 +18,7 @@ function Navigation() {
                     <Nav.Link href="/triviaGen">Create New Trivia</Nav.Link>
                     <Nav.Link href="/myTrivia">My Trivia</Nav.Link>
                 </Nav>
-                <Nav>
+                <Nav style={{marginRight: ".5rem"}}>
                     <Button onClick={handleShow}>
                         <i className="bi bi-person-circle" style={{marginRight: ".5rem"}}></i>Log In
                     </Button>
@@ -44,7 +44,7 @@ function Navigation() {
                             id="inputPassword"
                         />
                     </Form>
-                    <p>Not a member? <Link onClick={handleClose} to="/SignUpPage">Sign Up</Link></p>
+                    <p>Not a member? <Link onClick={handleClose} to="/signUp">Sign Up</Link></p>
                 </Modal.Body>
 
                 <Modal.Footer>
diff --git a/trivia-forge/frontend/src/Components/Slideshow.jsx b/trivia-forge/frontend/src/Components/Slideshow.jsx
index 857d05c1..88b8abe7 100644
--- a/trivia-forge/frontend/src/Components/Slideshow.jsx
+++ b/trivia-forge/frontend/src/Components/Slideshow.jsx
@@ -3,7 +3,6 @@ import Carousel from 'react-bootstrap/Carousel';
 import { getCategories, getQuestions ,getChoices } from "../Services/TF-db_services";
 import Spinner from 'react-bootstrap/Spinner';
 import Button from "react-bootstrap/esm/Button";
-const slideshowBackground = "https://yxdrsdfocuonvorowgaa.supabase.co/storage/v1/object/sign/UI%20Assets/white-solid-color-background?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1cmwiOiJVSSBBc3NldHMvd2hpdGUtc29saWQtY29sb3ItYmFja2dyb3VuZCIsImlhdCI6MTcxNTE3MDQ0NywiZXhwIjo0ODY4NzcwNDQ3fQ.dPaQP-yvK0-k6wBJWrI6FqrXGEqv6Vv-a8Th99zGSyA&t=2024-05-08T12%3A14%3A08.001Z"
 
 
 function Slideshow(game) {
diff --git a/trivia-forge/frontend/src/Pages/HomePage.jsx b/trivia-forge/frontend/src/Pages/HomePage.jsx
index 6fb6d01a..0e1f3604 100644
--- a/trivia-forge/frontend/src/Pages/HomePage.jsx
+++ b/trivia-forge/frontend/src/Pages/HomePage.jsx
@@ -21,7 +21,7 @@ function Home() {
             </Row>
             <Row>
                 <Col>
-                    <Button variant="primary"> <FaRegFolderOpen /> My Trivia Games </Button>
+                    <Button variant="primary" onClick={() => navigate('/myTrivia')}> <FaRegFolderOpen /> My Trivia Games </Button>
                 </Col>
             </Row>
             <Row>
@@ -36,7 +36,7 @@ function Home() {
             </Row>
             <Row>
                 <Col>
-                    <Button variant="primary"> <FaUserPlus /> Sign Up </Button>
+                    <Button variant="primary" onClick={() => navigate('/signUp')}> <FaUserPlus /> Sign Up </Button>
                 </Col>
             </Row>
         </Container>