import { SportsLobby } from "@/components/sports-lobby";
import { getSportsbookLobby } from "@/server/queries/lobby";
import { toSportsLobbyBoostedOdds, toSportsLobbyEvents, toSportsLobbySports } from "@/server/queries/lobby-view";

export const dynamic = "force-dynamic";

export default async function SportPage({ params }: { params: Promise<{ slug: string }> }) {
  const { slug } = await params;
  const { sports, events, boostedOdds, unavailable } = await getSportsbookLobby({ sportSlug: slug });

  return (
    <SportsLobby
      sports={toSportsLobbySports(sports)}
      events={toSportsLobbyEvents(events)}
      boostedOdds={toSportsLobbyBoostedOdds(boostedOdds)}
      unavailable={unavailable}
      showPromos={false}
      initialMode="upcoming"
      initialSportSlug={slug}
    />
  );
}