regionals

src/features/tournaments/components/tournament-stats.tsx

@@ -9,9 +9,10 @@ import {
   Center,
   ThemeIcon,
   Divider,
+  Alert,
 } from "@mantine/core";
 import { Tournament } from "@/features/tournaments/types";
-import { CrownIcon, MedalIcon, TreeStructureIcon } from "@phosphor-icons/react";
+import { CrownIcon, TreeStructureIcon, InfoIcon } from "@phosphor-icons/react";
 import Avatar from "@/components/avatar";
 import ListLink from "@/components/list-link";
 import { Podium } from "./podium";
@@ -156,7 +157,12 @@ export const TournamentStats = memo(({ tournament }: TournamentStatsProps) => {
   return (
     <Container size="100%" px={0}>
       <Stack gap="md">
-        <Podium tournament={tournament} />
+        {tournament.regional && (
+          <Alert px="md" variant="light" title="Regional Tournament" icon={<InfoIcon size={16} />}>
+            Regional tournaments are a work in progress. Some features might not work as expected.
+          </Alert>
+        )}
+        {!tournament.regional && <Podium tournament={tournament} />}
         <ListLink
           label={`View Bracket`}
           to={`/tournaments/${tournament.id}/bracket`}