add back button

ssitvit · Jul 20, 2023 · 931be11 · 931be11
1 parent defc53d
commit 931be11
Show file tree

Hide file tree

Showing 7 changed files with 39 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -7,6 +7,7 @@
     "@babel/preset-react": "^7.22.5",
     "@babel/preset-typescript": "^7.22.5",
     "@babel/standalone": "^7.22.5",
+    "@fortawesome/fontawesome-free": "^6.4.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.4.3",

diff --git a/public/index.html b/public/index.html
@@ -52,6 +52,11 @@
    content="Step into The Nostalgia Gaming Collection and embark on a captivating journey back to the 90s. Relive the excitement and joy of timeless classics such as Tic Tac Toe, Pacman, and more. Let nostalgia be your guide as you are transported to a magical era, reminding you to pause, unwind, and savor the simple pleasures of life. Rediscover the enchantment of gaming's golden age with our carefully curated collection."
   />
   <meta property="twitter:image" content="" />
+  <link
+  rel="stylesheet"
+  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
+/>
+
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/Homepage/Homepage/Navbar.css b/src/Homepage/Homepage/Navbar.css
@@ -6,7 +6,7 @@
   font-family: 'Press Start 2p';
   align-items: center;
   display: flex;
-  justify-content: space-around;
+  justify-content:space-around;
   margin-top: 10px;
   padding: 10px;
 }
@@ -62,4 +62,10 @@
 	box-shadow: none;
 	position: relative;
 	top: .2em;
+}
+
+.backicon{
+color: aqua;
+font-size: 20px;
+margin-top: -10px;
 }
diff --git a/src/Homepage/Homepage/Navbar.js b/src/Homepage/Homepage/Navbar.js
@@ -29,6 +29,7 @@ function Navbargo() {
   return (
     <React.Fragment>
       <div className="body_navbar center">
+
         <div className="video-game-button" onClick={handleAButtonClick}>
           A
         </div>

diff --git a/src/Routes/AllRoutes.js b/src/Routes/AllRoutes.js
@@ -1,8 +1,9 @@
 import { lazy, Suspense } from "react";
-import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
+import { BrowserRouter as Router, Route, Routes , Link} from "react-router-dom";
 import PacmanLoader from "react-spinners/PacmanLoader";
 import TypingMaster from "../Games/typingMaster/typing";
 
+
 const Homepage = lazy(() => import("../Homepage/Homepage/Homepage"));
 const ErrorPage = lazy(() => import("../ErrorPage/ErrorPage"));
 const Tictactoe = lazy(() => import("../Games/Tictactoe/tictactoe"));
@@ -51,6 +52,9 @@ function AllRoutes() {
         </div>
       }
     >
+           <Link to="/">
+            <i className="fa fa-arrow-left backicon" />
+          </Link>  
       <Routes>
         {/* Add all the routes with the right path here after importing them  */}
         <Route path="/" element={<Homepage />} />

diff --git a/yarn.lock b/yarn.lock
@@ -1414,6 +1414,11 @@
   dependencies:
     "@floating-ui/core" "^1.2.6"
 
+"@fortawesome/fontawesome-free@^6.4.0":
+  "integrity" "sha512-0NyytTlPJwB/BF5LtRV8rrABDbe3TdTXqNB3PdZ+UUUZAEIrdOJdmABqKjt4AXwIoJNaRVVZEXxpNrqvE1GAYQ=="
+  "resolved" "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.4.0.tgz"
+  "version" "6.4.0"
+
 "@humanwhocodes/config-array@^0.11.10":
   "integrity" "sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ=="
   "resolved" "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz"