From 58e051f2923d4184f0e326bb4008740a129637a9 Mon Sep 17 00:00:00 2001
From: Nicole Lim <limxinyi.nicole@gmail.com>
Date: Fri, 20 Sep 2024 20:57:01 +0800
Subject: [PATCH] Fix navigation routes

---
 frontend/src/App.tsx                     | 8 +++++---
 frontend/src/components/Navbar/index.tsx | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index a3f87b7364..e198c036a9 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -9,9 +9,11 @@ function App() {
     <BrowserRouter>
       <Routes>
         <Route path="/" element={<Layout />}>
-          <Route path="/questions" element={<>question page list</>} />
-          <Route path="/questions/new" element={<NewQuestion />} />
-          <Route path="/questions/:questionId" element={<QuestionDetail />} />
+          <Route path="questions">
+            <Route index element={<>question page list</>} />
+            <Route path="new" element={<NewQuestion />} />
+            <Route path=":questionId" element={<QuestionDetail />} />
+          </Route>
           <Route path="*" element={<PageNotFound />} />
         </Route>
       </Routes>
diff --git a/frontend/src/components/Navbar/index.tsx b/frontend/src/components/Navbar/index.tsx
index 458245930a..d2ad256a2a 100644
--- a/frontend/src/components/Navbar/index.tsx
+++ b/frontend/src/components/Navbar/index.tsx
@@ -9,7 +9,7 @@ type NavbarItem = { label: string; link: string };
 type NavbarProps = { navbarItems?: Array<NavbarItem> };
 
 const Navbar: FunctionComponent<NavbarProps> = (props: NavbarProps) => {
-  const { navbarItems = [{ label: "Questions", link: "/" }] } = props;
+  const { navbarItems = [{ label: "Questions", link: "/questions" }] } = props;
   const navigate = useNavigate();
 
   return (