work on team enrollment

src/features/tournaments/components/upcoming-tournament/index.tsx

@@ -1,30 +1,23 @@
-import { useEffect, useMemo, useState } from "react";
+import { useMemo } from "react";
 import { Tournament } from "../../types";
 import { useAuth } from "@/contexts/auth-context";
 import {
   Box,
-  Button,
   Card,
   Divider,
   Group,
   Stack,
-  Title,
   Text,
-  ThemeIcon,
 } from "@mantine/core";
-import Avatar from "@/components/avatar";
 import Countdown from "@/components/countdown";
 import ListLink from "@/components/list-link";
 import ListButton from "@/components/list-button";
 import {
-  TrophyIcon,
-  CalendarIcon,
-  MapPinIcon,
   UsersIcon,
   ListIcon,
 } from "@phosphor-icons/react";
-import EnrollTeam from "../enroll-team";
-import EnrollFreeAgent from "../enroll-free-agent";
+import EnrollTeam from "./enroll-team";
+import EnrollFreeAgent from "./enroll-free-agent";
 import TeamListButton from "./team-list-button";
 import Header from "./header";
 
@@ -56,8 +49,8 @@ const UpcomingTournament: React.FC<{ tournament: Tournament }> = ({
       {tournament.desc && <Text size="sm">{tournament.desc}</Text>}
 
       <Card withBorder radius="md" p="lg">
-        <Stack gap="md">
-          <Group gap="xs" align="center">
+        <Stack gap="xs">
+          <Group mb='sm' gap="xs" align="center">
             <UsersIcon size={16} />
             <Text size="sm" fw={500}>
               Enrollment
@@ -73,10 +66,14 @@ const UpcomingTournament: React.FC<{ tournament: Tournament }> = ({
             )}
           </Group>
 
+          {!isEnrollmentOpen && !isUserEnrolled && (
+            <Text fw={600} c="dimmed" size="sm">Enrollment has been closed for this tournament.</Text>
+          )}
+
           {!isUserEnrolled && isEnrollmentOpen && (
             <>
-              <EnrollTeam />
-              <Divider label="or" />
+              <EnrollTeam tournamentId={tournament.id} />
+              <Divider my={0} label="or" />
               <EnrollFreeAgent />
             </>
           )}