About page

GenerateNU · Dec 8, 2023 · c870b02 · c870b02
1 parent 476bc07
commit c870b02
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/client/src/App.tsx b/client/src/App.tsx
@@ -48,7 +48,7 @@ function App() {
             </AdminProvider>
           }
         />
-        <Route path="/home/" element={<ReturnHomePage />} />
+        <Route path="/about/" element={<ReturnHomePage />} />
         <Route path="/signup/" element={<SignUpPage />} />
         <Route path="/login/" element={<LoginPage />} />
         <Route path="/success/" element={<RequestPurchaseSuccess />} />

diff --git a/client/src/components/Home/NavBarUpdated.tsx b/client/src/components/Home/NavBarUpdated.tsx
@@ -11,6 +11,9 @@ const Navbar = () => {
     setActiveButton(buttonName);
     if (buttonName === "Profile") {
       navigate("/profile")
+    }
+    if(buttonName === "About") {
+        navigate("/about")
     }
       if (buttonName === "Shop") {
           navigate("/")
@@ -54,9 +57,9 @@ const Navbar = () => {
             </button>
             <button
                 className={`${buttonStyle} ${
-                    activeButton === "More" ? activeButtonStyle : ""
+                    activeButton === "About" ? activeButtonStyle : ""
                 }`}
-                onClick={() => handleButtonClick("More")}
+                onClick={() => handleButtonClick("About")}
             >
               About
             </button>

diff --git a/client/src/pages/ReturnHomePage.tsx b/client/src/pages/ReturnHomePage.tsx
@@ -4,19 +4,20 @@ import CaitThumbnail2 from "../images/cait_thumbnail_2.svg";
 import CaitThumbnail3 from "../images/cait_thumbnail_3.svg";
 import Or from "../images/or.svg";
 import Navbar from "../components/Home/NavBarUpdated";
+import {useNavigate} from "react-router-dom";
 
 const ReturnHomePage = () => {
-
+    const navigate = useNavigate();
     const handleShoppingClick = () => {
-        // handle click
+        navigate('/')
     }
 
     const handleBrowsingClick = () => {
-        // handle click
+        navigate('/')
     }
 
     const handleRequestsClick = () => {
-        // handle click
+        navigate('/')
     }
 
     return (