From d0c09a185b6ae1a2ed708c18e445597d07841604 Mon Sep 17 00:00:00 2001
From: Halvor Thallaug Fagerli <halvortf@stud.ntnu.no>
Date: Fri, 16 Oct 2026 13:49:29 +0200
Subject: [PATCH 1/2] build: Update project base

Changed project base to '/project2' to match Apache server requirements
---
 frontend/vite.config.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index d789a7c..edffd66 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -8,4 +8,5 @@ export default defineConfig({
     react(),
     babel({ presets: [reactCompilerPreset()] })
   ],
+  base: '/project2'
 })

From 3a5098d47ffbb839220a37bc8fb8ee28dcd8346e Mon Sep 17 00:00:00 2001
From: Halvor Thallaug Fagerli <halvortf@stud.ntnu.no>
Date: Fri, 16 Oct 2026 14:00:03 +0200
Subject: [PATCH 2/2] fix: Update paths for new base

Updated the link paths to work with the new project base

#31
---
 frontend/src/App.tsx                      | 6 +++---
 frontend/src/components/Header/Header.tsx | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 02ad8fa..4b45d74 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -8,9 +8,9 @@ function App() {
   return (
     <BrowserRouter>
       <Routes>
-        <Route path="/" element={<GamesGrid />} />
-        <Route path="/games/:id" element={<GameDetails />} />
-        <Route path="/my-ratings" element={<MyRatings />} />
+        <Route path="/project2" element={<GamesGrid />} />
+        <Route path="/project2/games/:id" element={<GameDetails />} />
+        <Route path="/project2/my-ratings" element={<MyRatings />} />
       </Routes>
     </BrowserRouter>
   );
diff --git a/frontend/src/components/Header/Header.tsx b/frontend/src/components/Header/Header.tsx
index 1112f60..017c9aa 100644
--- a/frontend/src/components/Header/Header.tsx
+++ b/frontend/src/components/Header/Header.tsx
@@ -20,10 +20,10 @@ export default function Header() {
 
   // From other pages, fall back to the grid's last persisted query.
   const homeQuery =
-    location.pathname === "/"
+    location.pathname === "/project2"
       ? searchParams.toString()
       : sessionStorage.getItem(GRID_QUERY_STORAGE_KEY) ?? "";
-  const homeHref = homeQuery ? `/?${homeQuery}` : "/";
+  const homeHref = homeQuery ? `/project2/?${homeQuery}` : "/project2";
 
   // Adjusted during render, not an effect, so in-progress typing isn't clobbered.
   const [prevCommittedSearch, setPrevCommittedSearch] = useState(committedSearch);
@@ -41,7 +41,7 @@ export default function Header() {
     } else {
       params.delete("search");
     }
-    navigate(`/?${params.toString()}`);
+    navigate(`/project2/?${params.toString()}`);
   }
 
   return (
@@ -64,7 +64,7 @@ export default function Header() {
         </InputGroup>
       </Form>
 
-      <Link className={styles.link} to="/my-ratings">
+      <Link className={styles.link} to="/project2/my-ratings">
         My Ratings
       </Link>
     </header>