From 8f84dddc6456a31a8fde9676607653f0a401a358 Mon Sep 17 00:00:00 2001
From: yohlo <yohlerkyle@gmail.com>
Date: Sun, 1 Mar 2026 20:59:31 -0600
Subject: [PATCH] fix team avatars

---
 .../tournaments/components/tournament-stats.tsx        | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/features/tournaments/components/tournament-stats.tsx b/src/features/tournaments/components/tournament-stats.tsx
index f0395cc..8d3e2a5 100644
--- a/src/features/tournaments/components/tournament-stats.tsx
+++ b/src/features/tournaments/components/tournament-stats.tsx
@@ -13,7 +13,7 @@ import {
 } from "@mantine/core";
 import { Tournament } from "@/features/tournaments/types";
 import { CrownIcon, TreeStructureIcon, InfoIcon, ListDashes } from "@phosphor-icons/react";
-import Avatar from "@/components/avatar";
+import TeamAvatar from "@/components/team-avatar";
 import ListLink from "@/components/list-link";
 import { Podium } from "./podium";
 
@@ -72,6 +72,8 @@ export const TournamentStats = memo(({ tournament }: TournamentStatsProps) => {
         <Text px="md" size="lg" fw={600}>Results</Text>
         <Text px="md" c="dimmed" size="xs" fw={500}>Sorted by win percentage</Text>
         {teamStatsWithCalculations.map((stat, index) => {
+          const team = tournament.teams?.find(t => t.id === stat.team_id);
+
           return (
             <Box key={stat.id}>
               <UnstyledButton
@@ -81,7 +83,11 @@ export const TournamentStats = memo(({ tournament }: TournamentStatsProps) => {
               >
                 <Group justify="space-between" align="center" w="100%">
                   <Group gap="sm" align="center">
-                    <Avatar name={stat.team_name} size={40} radius="sm" />
+                    {team ? (
+                      <TeamAvatar team={team} size={40} radius="sm" isRegional={tournament.regional} />
+                    ) : (
+                      <TeamAvatar team={{ id: stat.team_id, name: stat.team_name, players: [] } as any} size={40} radius="sm" isRegional={tournament.regional} />
+                    )}
                     <Stack gap={2}>
                       <Group gap='xs'>
                         <Text size="xs" c="dimmed">