reactions, match sse, etc

src/features/teams/components/team-profile/index.tsx

@@ -1,10 +1,11 @@
-import { Box, Text } from "@mantine/core";
+import { Box, Divider, Text, Stack } from "@mantine/core";
 import Header from "./header";
 import SwipeableTabs from "@/components/swipeable-tabs";
 import TournamentList from "@/features/tournaments/components/tournament-list";
 import StatsOverview from "@/shared/components/stats-overview";
 import { useTeam, useTeamMatches, useTeamStats } from "../../queries";
 import MatchList from "@/features/matches/components/match-list";
+import PlayerList from "@/features/players/components/player-list";
 
 interface ProfileProps {
   id: string;
@@ -19,7 +20,17 @@ const TeamProfile = ({ id }: ProfileProps) => {
   const tabs = [
     {
       label: "Overview",
-      content: <StatsOverview statsData={statsError ? null : stats || null} isLoading={statsLoading} />,
+      content: <>
+        <Stack px="md">
+          <Text size="md" fw={700}>Players</Text>
+          <PlayerList players={team.players} />
+        </Stack>
+        <Divider my="md" />
+        <Stack>
+          <Text px="md" size="md" fw={700}>Statistics</Text>
+          <StatsOverview statsData={statsError ? null : stats || null} isLoading={statsLoading} />
+        </Stack>
+      </>,
     },
     {
       label: "Matches",