update game url to use game code directly

client/src/app/[code]/not-found.tsx

@@ -1,8 +1,8 @@
 export default function NotFound() {
   return (
     <div className="flex flex-col items-center justify-center gap-4">
-      <div className="text-2xl font-bold">Error</div>
-      <div className="text-xl">Game not found</div>
+      <div className="text-2xl font-bold">Error 404</div>
+      <div className="text-xl">Not found</div>
     </div>
   );
 }

client/src/app/[code]/page.tsx

@@ -20,7 +20,7 @@ export async function generateMetadata({ params }: { params: { code: string } })
     openGraph: {
       title: "chessu",
       description: `Play or watch a game with ${game.host?.name}`,
-      url: `https://ches.su/game/${game.code}`,
+      url: `https://ches.su/${game.code}`,
       siteName: "chessu",
       locale: "en_US",
       type: "website"

client/src/app/game/page.tsx

@@ -1,5 +0,0 @@
-import { redirect } from "next/navigation";
-
-export default function GameEmpty() {
-  redirect("/");
-}

client/src/components/game/GamePage.tsx

@@ -362,7 +362,7 @@ export default function GamePage({ initialLobby }: { initialLobby: Game }) {
   }
 
   function copyInvite() {
-    const text = `https://ches.su/game/${initialLobby.code}`;
+    const text = `https://ches.su/${initialLobby.code}`;
     if ("clipboard" in navigator) {
       navigator.clipboard.writeText(text);
     } else {
@@ -526,7 +526,7 @@ export default function GamePage({ initialLobby }: { initialLobby: Game }) {
                   onClick={copyInvite}
                 >
                   <IconCopy size={16} />
-                  ches.su/game/{initialLobby.code}
+                  ches.su/{initialLobby.code}
                 </label>
                 <div tabIndex={0} className="dropdown-content badge badge-md badge-primary shadow">
                   copied to clipboard

client/src/components/home/CreateGame.tsx

@@ -24,7 +24,7 @@ export default function CreateGame() {
     const game = await createGame(startingSide, unlisted.checked);
 
     if (game) {
-      router.push(`/game/${game.code}`);
+      router.push(`/${game.code}`);
     } else {
       setButtonLoading(false);
       // TODO: Show error message

client/src/components/home/JoinGame.tsx

@@ -31,7 +31,7 @@ export default function JoinGame() {
     const game = await getGame(code);
 
     if (game && game.code) {
-      router.push(`/game/${game.code}`);
+      router.push(`/${game.code}`);
     } else {
       setButtonLoading(false);
       setNotFound(true);

client/src/components/home/PublicGames/JoinButton.tsx

@@ -9,7 +9,7 @@ export default function JoinButton({ code }: { code: string }) {
 
   function handleJoin() {
     startTransition(() => {
-      router.push(`/game/${code}`);
+      router.push(`/${code}`);
     });
   }