Ensure winnings summary appears if there's no entry fee

src/components/results/WinningsSummary.vue

@@ -1,10 +1,12 @@
 <script setup lang="ts">
+import { computed } from "vue"
 import { useI18n } from "vue-i18n"
 
 import WinnerWinnings from "./WinnerWinnings.vue"
 import WinningsList from "./WinningsList.vue"
 
 import { useFlyer } from "@/composables/useFlyer"
+import { usePlayers } from "@/composables/usePlayers"
 
 import { useFlyerStore } from "@/stores/flyer"
 
@@ -13,15 +15,23 @@ const { t } = useI18n()
 const flyerStore = useFlyerStore()
 
 const {
+    mainPhase,
+    overallStandings,
     overallMoneyRecipients,
 } = useFlyer(flyerStore.flyer)
+
+const {
+    getPlayer,
+} = usePlayers(mainPhase.value)
+
+const winner = computed(() => getPlayer(overallStandings.value[0].playerId))
 </script>
 
 <template>
     <div>
-        <div v-if="overallMoneyRecipients.length > 0" class="m-0 text-center text-xl">
+        <div class="m-0 text-center text-xl">
             <WinnerWinnings
-                :winner="overallMoneyRecipients[0].player"
+                :winner="winner"
                 :winnings="overallMoneyRecipients[0]" />
         </div>
 

src/composables/usePlayOffs.ts

@@ -89,6 +89,10 @@ export const usePlayOffs = (f: Flyer | null) => {
         const recipients: Winnings[] = []
         const remainingPrizeMonies = [...prizeMonies.value]
 
+        if (remainingPrizeMonies.length <= 0) {
+            return recipients
+        }
+
         let c = 0
 
         for (const s of finalStandings) {

src/data/Winnings.ts

@@ -2,6 +2,6 @@ import type { Player } from "./Player"
 
 export interface Winnings {
     player: Player
-    amount: number
+    amount: number | null
     colour: string
 }

src/views/ResultsView.vue

@@ -201,7 +201,6 @@ const save = () => {
                     <ResultsMessages />
 
                     <div v-if="isFinished" class="mt-1">
-                        <!-- BUG: this doesn't show up if there's no entry fee -->
                         <WinningsSummary />
                     </div>
                 </div>