Games page working

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