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) ? (
+
+ ) : (
+
+ )
) : (
)}