From ef6da3ea647f1cc5c00cffcccc577cabccdd0260 Mon Sep 17 00:00:00 2001
From: Mattrixwv <m_ellison@ymail.com>
Date: Wed, 5 Mar 2025 20:33:52 -0500
Subject: [PATCH] Games page working

---
 src/pages/protected/AdminPage.tsx                    |  4 ++--
 src/pages/protected/GamesPage.tsx                    | 12 ++++++------
 .../game/{AdminGamesTab.tsx => AllGamesDisplay.tsx}  |  2 +-
 src/ui/game/GamesList.tsx                            |  7 +++++--
 4 files changed, 14 insertions(+), 11 deletions(-)
 rename src/ui/game/{AdminGamesTab.tsx => AllGamesDisplay.tsx} (98%)

diff --git a/src/pages/protected/AdminPage.tsx b/src/pages/protected/AdminPage.tsx
index 14f0afb..8bd15b0 100644
--- a/src/pages/protected/AdminPage.tsx
+++ b/src/pages/protected/AdminPage.tsx
@@ -1,6 +1,6 @@
 import TabGroup, { Tab } from "@/components/tab/TabGroup";
 import AdminAccountsTab from "@/ui/account/AdminAccountsTab";
-import AdminGamesTab from "@/ui/game/AdminGamesTab";
+import AllGamesDisplay from "@/ui/game/AllGamesDisplay";
 import AdminRaidGroupTab from "@/ui/raidGroup/AdminRaidGroupTab";
 
 
@@ -12,7 +12,7 @@ export default function AdminPage(){
 		},
 		{
 			tabHeader: "Games",
-			tabContent: <AdminGamesTab/>
+			tabContent: <AllGamesDisplay/>
 		},
 		{
 			tabHeader: "Raid Groups",
diff --git a/src/pages/protected/GamesPage.tsx b/src/pages/protected/GamesPage.tsx
index 2e3878d..764bfbf 100644
--- a/src/pages/protected/GamesPage.tsx
+++ b/src/pages/protected/GamesPage.tsx
@@ -1,10 +1,10 @@
+import AllGamesDisplay from "@/ui/game/AllGamesDisplay";
+
+
 export default function GamesPage(){
-	//TODO:
-
-
 	return (
-		<div>
-			Games Page
-		</div>
+		<main>
+			<AllGamesDisplay/>
+		</main>
 	);
 }
diff --git a/src/ui/game/AdminGamesTab.tsx b/src/ui/game/AllGamesDisplay.tsx
similarity index 98%
rename from src/ui/game/AdminGamesTab.tsx
rename to src/ui/game/AllGamesDisplay.tsx
index 73fb15a..4904060 100644
--- a/src/ui/game/AdminGamesTab.tsx
+++ b/src/ui/game/AllGamesDisplay.tsx
@@ -8,7 +8,7 @@ import { GamesLoader } from "./GamesLoader";
 import GameModal from "./modals/GameModal";
 
 
-export default function AdminGamesTab(){
+export default function AllGamesDisplay(){
 	const [ displayCreateGameModal, setDisplayCreateGameModal ] = useState(false);
 	const [ page, setPage ] = useState(1);
 	const [ totalPages, setTotalPages ] = useState(1);
diff --git a/src/ui/game/GamesList.tsx b/src/ui/game/GamesList.tsx
index f7dca00..ff3028b 100644
--- a/src/ui/game/GamesList.tsx
+++ b/src/ui/game/GamesList.tsx
@@ -2,6 +2,7 @@ import { ButtonProps } from "@/components/button/Button";
 import Table from "@/components/table/Table";
 import { Game } from "@/interface/Game";
 import { useState } from "react";
+import { Link } from "react-router";
 import GameAdminButtons from "./GameAdminButtons";
 import DeleteGameModal from "./modals/DeleteGameModal";
 import GameModal from "./modals/GameModal";
@@ -55,9 +56,11 @@ export default function GamesList({
 			}
 			&nbsp;
 		</div>,
-		<div>
+		<Link
+			to={`/game/${game.gameId}`}
+		>
 			{game.gameName}
-		</div>,
+		</Link>,
 		<div
 			className="flex flex-row items-center justify-center gap-2 pl-16"
 		>