Preview maplist generator toggle for admins

app/routes/to.$identifier.tsx

@@ -53,7 +53,10 @@ export const loader = async ({ params, request }: LoaderArgs) => {
     event,
     tieBreakerMapPool:
       db.calendarEvents.findTieBreakerMapPoolByEventId(eventId),
-    teams: event.isBeforeStart ? censorMapPools({ teams }) : teams,
+    teams:
+      event.isBeforeStart && !canAdminCalendarTOTools({ user, event })
+        ? censorMapPools({ teams })
+        : teams,
     ownTeam: findOwnedTeam({ userId: user?.id, teams }),
   };
 };

app/routes/to.$identifier/index.tsx

@@ -15,7 +15,7 @@ import { MapPoolSelector } from "~/components/MapPoolSelector";
 import { RequiredHiddenInput } from "~/components/RequiredHiddenInput";
 import { TOURNAMENT } from "~/constants";
 import { db } from "~/db";
-import { requireUser } from "~/modules/auth";
+import { requireUser, useUser } from "~/modules/auth";
 import type { StageId } from "~/modules/in-game-lists";
 import { rankedModesShort } from "~/modules/in-game-lists/modes";
 import { MapPool } from "~/modules/map-pool-serializer";
@@ -44,6 +44,9 @@ import { UserCombobox } from "~/components/Combobox";
 import { TeamWithRoster } from "./components/TeamWithRoster";
 import { actualNumber } from "~/utils/zod";
 import { useSearchParamState } from "~/hooks/useSearchParamState";
+import { canAdminCalendarTOTools } from "~/permissions";
+import { Toggle } from "~/components/Toggle";
+import { Label } from "~/components/Label";
 
 export const links: LinksFunction = () => {
   return [{ rel: "stylesheet", href: mapsStyles }];
@@ -151,11 +154,23 @@ export const action: ActionFunction = async ({ request, params }) => {
 };
 
 export default function TournamentToolsPage() {
+  const { t } = useTranslation(["tournament"]);
+  const user = useUser();
   const data = useOutletContext<TournamentToolsLoaderData>();
+  const [showGenerator, setShowGenerator] = React.useState(
+    !data.event.isBeforeStart
+  );
 
   return (
-    <Main>
-      {data.event.isBeforeStart ? <PrestartControls /> : <MaplistGenerator />}
+    <Main className="stack lg">
+      {canAdminCalendarTOTools({ user, event: data.event }) &&
+      data.event.isBeforeStart ? (
+        <div className="stack horizontal md items-center">
+          <Toggle checked={showGenerator} setChecked={setShowGenerator} />
+          <Label>{t("tournament:preview")}</Label>
+        </div>
+      ) : null}
+      <div>{showGenerator ? <MaplistGenerator /> : <PrestartControls />}</div>
     </Main>
   );
 }

public/locales/en/tournament.json

@@ -6,6 +6,7 @@
   "pre.footerNote": "Note: you can change your map pool and roster as many times as you want before the tournament starts.",
   "pre.deleteTeam": "Delete team",
 
+  "preview": "Preview maplist generator (admin only)",
   "pre.steps.register": "1. Register on",
   "pre.steps.register.summary": "Enter team name you register with",
   "pre.steps.mapPool": "2. Map pool",