diff --git a/src/features/teams/components/regional-team-card.tsx b/src/features/teams/components/regional-team-card.tsx new file mode 100644 index 0000000..1a5156c --- /dev/null +++ b/src/features/teams/components/regional-team-card.tsx @@ -0,0 +1,58 @@ +import { + Paper, + Text, + Group, + Box, + Title +} from "@mantine/core"; +import { useTeam } from "../queries"; +import TeamAvatar from "@/components/team-avatar"; + +interface RegionalTeamCardProps { + teamId: string; +} + +const RegionalTeamCard = ({ teamId }: RegionalTeamCardProps) => { + const { data: team, error } = useTeam(teamId); + + if (error || !team) { + return ( + + + Failed to load team + + + ); + } + + return ( + + + + + + {team.name} + + + {team.players?.map(p => `${p.first_name} ${p.last_name}`).join(', ')} + + + + + ); +}; + +export default RegionalTeamCard; diff --git a/src/features/tournaments/components/upcoming-tournament/index.tsx b/src/features/tournaments/components/upcoming-tournament/index.tsx index c8f31f7..e050fcf 100644 --- a/src/features/tournaments/components/upcoming-tournament/index.tsx +++ b/src/features/tournaments/components/upcoming-tournament/index.tsx @@ -12,6 +12,7 @@ import EnrolledPlayersListButton from "./enrolled-players-list-button"; import Header from "./header"; import TeamCardSkeleton from "@/features/teams/components/team-card-skeleton"; import TeamCard from "@/features/teams/components/team-card"; +import RegionalTeamCard from "@/features/teams/components/regional-team-card"; import UpdateTeam from "./update-team"; import UnenrollTeam from "./unenroll-team"; import { useQueryClient } from "@tanstack/react-query"; @@ -99,15 +100,23 @@ const UpcomingTournament: React.FC<{ tournament: Tournament }> = ({ {isUserEnrolled && ( <> }> - + {tournament.regional === true ? ( + + ) : ( + + )} - - {isEnrollmentOpen && ( - + {tournament.regional !== true && ( + <> + + {isEnrollmentOpen && ( + + )} + )} )} @@ -141,7 +150,11 @@ const UpcomingTournament: React.FC<{ tournament: Tournament }> = ({ disabled /> {tournament.regional === true ? ( - + (tournament.teams && tournament.teams.length > 0) ? ( + + ) : ( + + ) ) : ( )}