diff --git a/src/features/tournaments/components/enrollment/enrollment-stats.tsx b/src/features/tournaments/components/enrollment/enrollment-stats.tsx deleted file mode 100644 index 5fa382f..0000000 --- a/src/features/tournaments/components/enrollment/enrollment-stats.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import { Alert, Group, Stack, Text } from "@mantine/core"; -import { WarningCircleIcon } from "@phosphor-icons/react"; -import { Trans, Plural } from "@lingui/react/macro"; - -interface EnrollmentStatsProps { - count: number; - regional?: boolean; -} - -const EnrollmentStats = (props: EnrollmentStatsProps) => { - const hasOddPlayers = props.count % 2 !== 0; - const hasEnoughPlayers = props.count >= 2; - - return ( - - - - {props.count} - - - {props.regional ? ( - - ) : ( - Enrolled Teams - )} - - - - {props.regional && !hasEnoughPlayers && ( - }> - Need at least 2 players to create teams - - )} - - {props.regional && hasOddPlayers && ( - }> - Cannot create teams with an odd number of players. Please have one player unenroll. - - )} - - ); -}; - -export default EnrollmentStats; diff --git a/src/features/tournaments/components/enrollment/enrollment-warnings.tsx b/src/features/tournaments/components/enrollment/enrollment-warnings.tsx new file mode 100644 index 0000000..0263b70 --- /dev/null +++ b/src/features/tournaments/components/enrollment/enrollment-warnings.tsx @@ -0,0 +1,28 @@ +import { Alert, Stack } from "@mantine/core"; +import { WarningCircleIcon } from "@phosphor-icons/react"; +import { Trans } from "@lingui/react/macro"; + +const EnrollmentWarnings = ({ count }: { count: number }) => { + const hasOddPlayers = count % 2 !== 0; + const hasEnoughPlayers = count >= 2; + + if (hasEnoughPlayers && !hasOddPlayers) return null; + + return ( + + {!hasEnoughPlayers && ( + }> + Need at least 2 players to create teams + + )} + + {hasEnoughPlayers && hasOddPlayers && ( + }> + Cannot create teams with an odd number of players. Please have one player unenroll. + + )} + + ); +}; + +export default EnrollmentWarnings; diff --git a/src/features/tournaments/components/enrollment/free-agent-section.tsx b/src/features/tournaments/components/enrollment/free-agent-section.tsx index 24ffa6e..d377473 100644 --- a/src/features/tournaments/components/enrollment/free-agent-section.tsx +++ b/src/features/tournaments/components/enrollment/free-agent-section.tsx @@ -18,7 +18,7 @@ import Typeahead, { TypeaheadOption } from "@/components/typeahead"; import { usePlayers } from "@/features/players/queries"; import useAdminEnrollPlayer from "../../hooks/use-admin-enroll-player"; import useAdminUnenrollPlayer from "../../hooks/use-admin-unenroll-player"; -import EnrollmentStats from "./enrollment-stats"; +import EnrollmentWarnings from "./enrollment-warnings"; interface FreeAgentSectionProps { tournamentId: string; @@ -117,7 +117,7 @@ const FreeAgentSection = ({ tournamentId }: FreeAgentSectionProps) => { return ( - + { return ( <> - -