fix(competition): show placeholder for team names in planning

SwissTchoukball · Oct 7, 2024 · 222ad81 · 222ad81
1 parent e772941
commit 222ad81
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/models/competition-edition.model.ts b/models/competition-edition.model.ts
@@ -104,6 +104,7 @@ export default class CompetitionEdition {
           faceoff.setTeams(this.teams);
         }
         faceoff.matches = this.matches?.filter((match) => match.faceoff_id === faceoff.id);
+        faceoff.matches?.forEach((match) => (match.faceoff = { ...faceoff, matches: undefined }));
         return faceoff;
       });
     }

diff --git a/models/faceoff.model.ts b/models/faceoff.model.ts
@@ -47,3 +47,5 @@ export default class Faceoff {
     }
   }
 }
+
+export type FaceoffWithoutMatches = Omit<Faceoff, 'matches' | 'setTeams'>;
diff --git a/models/match.model.ts b/models/match.model.ts
@@ -9,6 +9,7 @@ import type {
   LeveradeResult,
   LeveradeTeam,
 } from '~/plugins/07.leverade';
+import type { FaceoffWithoutMatches } from '~/models/faceoff.model';
 
 export interface Facility {
   id: string;
@@ -40,7 +41,7 @@ export default class Match {
   datetime: string | null;
   round_id: string;
   faceoff_id: string | null;
-  faceoff?: Faceoff;
+  faceoff?: Faceoff | FaceoffWithoutMatches;
   home_team_id: string | null;
   leverade_home_team?: LeveradeTeam;
   home_team?: Team;

diff --git a/pages/competitions/[competition]/[season]/[phase]/planning.vue b/pages/competitions/[competition]/[season]/[phase]/planning.vue
@@ -18,7 +18,6 @@
                   :src="match.home_team.avatarMediumUrl"
                   class="c-planning__match-team-avatar"
                 />
-                <div v-else class="c-planning__match-team-avatar c-planning__match-team-avatar--placeholder"></div>
                 {{ match.homeTeamName }}
               </div>
 
@@ -30,7 +29,6 @@
                   :src="match.away_team.avatarMediumUrl"
                   class="c-planning__match-team-avatar"
                 />
-                <div v-else class="c-planning__match-team-avatar c-planning__match-team-avatar--placeholder"></div>
                 {{ match.awayTeamName }}
               </div>
             </h4>