regionals enrollments

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

@@ -9,11 +9,12 @@ import {
   TreeStructureIcon,
   UsersThreeIcon,
   UsersIcon,
+  ShuffleIcon,
 } from "@phosphor-icons/react";
 import { useSheet } from "@/hooks/use-sheet";
 import EditEnrolledTeams from "./edit-enrolled-teams";
+import EditEnrolledPlayers from "./edit-enrolled-players";
 import ListLink from "@/components/list-link";
-import { RichTextEditor } from "@/components/rich-text-editor";
 import React from "react";
 import EditRules from "./edit-rules";
 
@@ -61,11 +62,20 @@ const ManageTournament = ({ tournamentId }: ManageTournamentProps) => {
           Icon={UsersThreeIcon}
           onClick={openEditTeams}
         />
-        <ListLink
-          label="Manage Team Songs/Logos"
-          Icon={UsersIcon}
-          to={`/admin/tournaments/${tournamentId}/teams`}
-        />
+        {tournament.regional && (
+          <ListLink
+            label="Assign Partners"
+            Icon={ShuffleIcon}
+            to={`/admin/tournaments/${tournamentId}/assign-partners`}
+          />
+        )}
+        {!tournament.regional && (
+          <ListLink
+            label="Manage Team Songs/Logos"
+            Icon={UsersIcon}
+            to={`/admin/tournaments/${tournamentId}/teams`}
+          />
+        )}
         <ListLink
           label="Run Tournament"
           Icon={TreeStructureIcon}
@@ -102,11 +112,15 @@ const ManageTournament = ({ tournamentId }: ManageTournamentProps) => {
       </Sheet>
 
       <Sheet
-        title="Edit Enrolled Teams"
+        title={tournament.regional === true ? "Manage Enrollments" : "Edit Enrolled Teams"}
         opened={editTeamsOpened}
         onChange={closeEditTeams}
       >
-        <EditEnrolledTeams tournamentId={tournamentId} />
+        {tournament.regional === true ? (
+          <EditEnrolledPlayers tournamentId={tournamentId} />
+        ) : (
+          <EditEnrolledTeams tournamentId={tournamentId} />
+        )}
       </Sheet>
     </>
   );