fix: team logotype on highscore list

Etimo · Nov 15, 2024 · 36ded8f · 36ded8f
1 parent 797683a
commit 36ded8f
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/packages/frontend/src/components/HighScoreTable.tsx b/packages/frontend/src/components/HighScoreTable.tsx
@@ -1,3 +1,4 @@
+import { IHighscoreDto } from '@etimo/diamonds2-types';
 import { FC, memo } from 'react';
 import { useHighScore } from '../hooks/useHighScore';
 import { Spinner } from './Spinner';
@@ -9,6 +10,16 @@ type HighScoreProps = {
 export const HighScoreTable: FC<HighScoreProps> = memo((props) => {
   const { seasonId } = props;
 
+  const logotype = (item: IHighscoreDto) => {
+    if (item.teamLogotype) {
+      return <img src={item.teamLogotype} alt="school-logo" />;
+    }
+    if (item.team) {
+      return item.team;
+    }
+    return '';
+  };
+
   if (!seasonId) {
     return <Spinner />;
   }
@@ -20,12 +31,7 @@ export const HighScoreTable: FC<HighScoreProps> = memo((props) => {
       data={highscore.map((item) => {
         return {
           name: item.botName,
-          team:
-            item.teamLogotype !== '' ? (
-              <img src={item.teamLogotype} alt="school-logo" />
-            ) : (
-              item.team
-            ),
+          team: logotype(item),
           score: item.score,
         };
       })}

diff --git a/packages/types/src/dto/highscore-dto.ts b/packages/types/src/dto/highscore-dto.ts
@@ -3,5 +3,5 @@ export interface IHighscoreDto {
   score: number;
   seasonId: string;
   team: string | null;
-  teamLogotype: string;
+  teamLogotype: string | null;
 }