Some Code Cleanup

src/components/FightTable.svelte

@@ -20,31 +20,46 @@
 <script lang="ts">
     import {window} from "./util.ts";
     import {astroI18n, t} from "astro-i18n";
-    import type {ExtendedEvent} from "./types/event.ts";
+    import type {EventFight, ExtendedEvent} from "@type/event";
 
     export let event: ExtendedEvent;
     export let group: string;
     export let rows: number = 1;
+
+    function getWinner(fight: EventFight) {
+        switch (fight.ergebnis) {
+            case 1:
+                return fight.blueTeam.kuerzel;
+            case 2:
+                return fight.redTeam.kuerzel;
+            case 3:
+                return t("announcements.table.draw");
+            default:
+                return t("announcements.table.notPlayed");
+        }
+    }
 </script>
 
 <div>
     <table>
         <tr class="font-bold border-b">
-            {#each Array(rows) as _}
+            {#each Array(rows) as i (i)}
                 <td>{t("announcements.table.time")}</td>
                 <td>{t("announcements.table.blue")}</td>
                 <td>{t("announcements.table.red")}</td>
+                <td>{t("announcements.table.winner")}</td>
             {/each}
         </tr>
         {#each window(event.fights.filter(f => f.group === group), rows) as fights}
             <tr>
-                {#each fights as fight}
+                {#each fights as fight (fight.id)}
                     <td>{Intl.DateTimeFormat(astroI18n.locale, {
                         hour: "numeric",
                         minute: "numeric",
                     }).format(new Date(fight.start))}</td>
                     <td class:font-bold={fight.ergebnis === 1} class:italic={fight.ergebnis === 3}>{fight.blueTeam.kuerzel}</td>
                     <td class:font-bold={fight.ergebnis === 2} class:italic={fight.ergebnis === 3}>{fight.redTeam.kuerzel}</td>
+                    <td>{getWinner(fight)}</td>
                 {/each}
             </tr>
         {/each}
@@ -56,6 +71,6 @@
     @apply w-full;
   }
   div {
-    @apply p-3 bg-gray-200 dark:bg-gray-800 rounded-2xl w-3/4 mx-auto;
+    @apply p-3 bg-gray-200 dark:bg-neutral-800 rounded-2xl w-3/4 mx-auto;
   }
 </style>