import { Header, Footer } from "@/components/Shell";
import { TournamentLobby } from "@/components/TournamentLobby";
import { user } from "@/lib/supabase";
import { notFound } from "next/navigation";
import { z } from "zod";

export default async function TournamentPage({
  params,
}: {
  params: Promise<{ id: string }>;
}) {
  const { id } = await params;
  if (!z.string().uuid().safeParse(id).success) notFound();
  const account = await user();
  return (
    <>
      <Header />
      <main id="main-content">
        <TournamentLobby id={id} signedIn={!!account} />
      </main>
      <Footer />
    </>
  );
}