Added navigation for My Trivia and Sign Up button on home page

emmanueposu · May 14, 2024 · 88bff73 · 88bff73
1 parent dc9f70a
commit 88bff73
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>