fix team avatars

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

@@ -151,12 +151,12 @@ const UpcomingTournament: React.FC<{ tournament: Tournament }> = ({
         />
         {tournament.regional === true ? (
           (tournament.teams && tournament.teams.length > 0) ? (
-            <TeamListButton teams={tournament.teams} />
+            <TeamListButton teams={tournament.teams} isRegional={true} />
           ) : (
             <EnrolledPlayersListButton tournamentId={tournament.id} />
           )
         ) : (
-          <TeamListButton teams={tournament.teams || []} />
+          <TeamListButton teams={tournament.teams || []} isRegional={false} />
         )}
         <RulesListButton tournamentId={tournament.id} />
       </Box>

src/features/tournaments/components/upcoming-tournament/team-list-button.tsx

@@ -8,9 +8,10 @@ import { useMemo } from "react"
 
 interface TeamListButtonProps {
   teams: TeamInfo[]
+  isRegional?: boolean
 }
 
-const TeamListButton: React.FC<TeamListButtonProps> = ({ teams }) => {
+const TeamListButton: React.FC<TeamListButtonProps> = ({ teams, isRegional }) => {
   const count = useMemo(() => teams.length, [teams]);
   const { open, isOpen, toggle } = useSheet();
   return (
@@ -22,7 +23,7 @@ const TeamListButton: React.FC<TeamListButtonProps> = ({ teams }) => {
       />
 
       <Sheet title="Enrolled Teams" opened={isOpen} onChange={toggle}>
-        <TeamList teams={teams} />
+        <TeamList teams={teams} isRegional={isRegional} />
       </Sheet>
     </>
   )