Added title to pages

emmanueposu · May 14, 2024 · dc9f70a · dc9f70a
1 parent 36bf1e2
commit dc9f70a
Show file tree

Hide file tree

Showing 11 changed files with 10 additions and 54 deletions.
diff --git a/trivia-forge/frontend/index.html b/trivia-forge/frontend/index.html
@@ -6,7 +6,6 @@
   <link rel="icon" type="image/svg+xml" href="/fire.svg" />
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Trivia Forge</title>
 </head>
 
 <body>

diff --git a/trivia-forge/frontend/src/App.css b/trivia-forge/frontend/src/App.css
@@ -242,6 +242,4 @@ footer {
 
 .card:hover {
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
-  /* border: solid;
-  border-color: darkgrey; */
 }
diff --git a/trivia-forge/frontend/src/App.jsx b/trivia-forge/frontend/src/App.jsx
@@ -1,6 +1,4 @@
 import { useState } from 'react';
-import reactLogo from './assets/react.svg';
-import viteLogo from '/vite.svg';
 import './App.css';
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import Home from "./Pages/HomePage";

diff --git a/trivia-forge/frontend/src/Components/BootstrapTable.jsx b/trivia-forge/frontend/src/Components/BootstrapTable.jsx
diff --git a/trivia-forge/frontend/src/Pages/HomePage.jsx b/trivia-forge/frontend/src/Pages/HomePage.jsx
@@ -9,10 +9,11 @@ function Home() {
 
     return (
         <Container className="homepage-container">
+            <title>Home</title>
             <Row>
                 <Col>
-                    <svg class="header-animation">
-                        <text x="50%" y="50%" dy=".35em" text-anchor="middle">
+                    <svg className="header-animation">
+                        <text x="50%" y="50%" dy=".35em" textAnchor="middle">
 			                Trivia Forge
 		                </text>
                     </svg>

diff --git a/trivia-forge/frontend/src/Pages/MyTrivia.jsx b/trivia-forge/frontend/src/Pages/MyTrivia.jsx
@@ -37,6 +37,7 @@ function MyTrivia() {
 
     return (
         <>  
+            <title>My Trivia</title>
             {games &&(
                 games.length > 0 ? (
                     <Row xs={2} md={4} className="g-4 m-4">
@@ -45,11 +46,11 @@ function MyTrivia() {
                                 <Card className="" style={{backgroundColor: "#f5f3f4"}}>
                                     <Card.Header as="h4">{game.title}</Card.Header>
                                     <Card.Body>
-                                        <Card.Title as="h6">Category:</Card.Title>
+                                        <Card.Title as="h6">Categories:</Card.Title>
                                         <Card.Text>
                                             <GameCategories data={game}/>
                                         </Card.Text>
-                                        <Card.Title as="h6">Number of Questions:</Card.Title>
+                                        <Card.Title as="h6">Questions:</Card.Title>
                                         <Card.Text>
                                             <GameQuestions data={game}/>
                                         </Card.Text>
@@ -63,7 +64,7 @@ function MyTrivia() {
                         ))}                    
                     </Row>
                     ) : (
-                        <p>No games to display.</p>
+                        <h1 className="text-center mt-5">No games to display.</h1>
                 )
             )}
             <Modal show={show} onHide={handleClose} fullscreen={true}>

diff --git a/trivia-forge/frontend/src/Pages/SignUpPage.jsx b/trivia-forge/frontend/src/Pages/SignUpPage.jsx
@@ -30,6 +30,7 @@ function SignUpPage() {
 
     return (
         <>
+            <title>Sign Up</title>
             <Card style={{ width: '35rem', margin: '0 auto', float: 'none' }}>
                 <Form onSubmit={handleSubmit} className="form-group">
                     <Form.Group className="mb-3" controlId="formBasicEmail">

diff --git a/trivia-forge/frontend/src/Pages/TriviaGenPage.jsx b/trivia-forge/frontend/src/Pages/TriviaGenPage.jsx
@@ -121,6 +121,7 @@ function TriviaGenPage() {
     // render component as a form
     return (
         <div>
+            <title>Create New Trivia</title>
             <h1>
                 Trivia Generator
             </h1>

diff --git a/trivia-forge/frontend/src/Pages/TriviaReviewPage.jsx b/trivia-forge/frontend/src/Pages/TriviaReviewPage.jsx
@@ -13,6 +13,7 @@ function TriviaReviewPage() {
 
 	return (
 		<div>
+			<title>Trivia Review</title>
 			<div className="trivia-review-container">
 				<h1 className="trivia-review-heading">Review and Edit Trivia Questions</h1>
 				{categories.map((cat, index) => (

diff --git a/trivia-forge/frontend/src/Services/TF-db_services.jsx b/trivia-forge/frontend/src/Services/TF-db_services.jsx
@@ -235,7 +235,6 @@ export const getChoices = async (questions) => {
         for (let i = 0; i < response.data.length; i++) {
             questions[response.data[i].question_id]['choices'].push(response.data[i].text);
         }
-        console.log(questions)
         return questions;
     } catch (error) {
         console.error('Failed to fetch choices');

diff --git a/trivia-forge/frontend/src/assets/react.svg b/trivia-forge/frontend/src/assets/react.svg