Games page working

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",

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>
 	);
 }

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);

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({
 			}
 			 
 		</div>,
-		<div>
+		<Link
+			to={`/game/${game.gameId}`}
+		>
 			{game.gameName}
-		</div>,
+		</Link>,
 		<div
 			className="flex flex-row items-center justify-center gap-2 pl-16"
 		>