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

export const dynamic = "force-dynamic";

export default async function SportsPage() {
  const { sports, events, boostedOdds, sportsPromotions, unavailable } = await getSportsbookLobby();

  return (
    <SportsLobby
      sports={toSportsLobbySports(sports)}
      events={toSportsLobbyEvents(events)}
      boostedOdds={toSportsLobbyBoostedOdds(boostedOdds)}
      promotions={toSportsLobbyPromotions(sportsPromotions)}
      unavailable={unavailable}
      showPromos
      initialMode="upcoming"
    />
  );
}