From 2cb683eafb4a91a001d45c01ed23a1ba89b23860 Mon Sep 17 00:00:00 2001
From: Branden J Brown <zephyrtronium@gmail.com>
Date: Sat, 3 Feb 2024 14:15:33 -0600
Subject: [PATCH] hide controls when the game ends

---
 site/src/components/Game.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/site/src/components/Game.vue b/site/src/components/Game.vue
index ab6f91d..d1d9dff 100644
--- a/site/src/components/Game.vue
+++ b/site/src/components/Game.vue
@@ -18,7 +18,7 @@
                         <Player :stats="props.game.players[1]" :dealer="false" :disabled="props.dealer || !myTurn" @item="(evt: number) => useItem(evt)" />
                     </v-col>
                 </v-row>
-                <v-row v-if="myTurn" class="py-4">
+                <v-row v-if="myTurn && !gameOver" class="py-4">
                     <v-col cols="1"></v-col>
                     <v-col cols="5">
                         <v-btn block @click="attack(true)">SHOOT {{ dealerTarget }}</v-btn>
@@ -27,7 +27,7 @@
                         <v-btn block @click="attack(false)">SHOOT {{ challTarget }}</v-btn>
                     </v-col>
                 </v-row>
-                <v-row v-else class="py-4">
+                <v-row v-else-if="!gameOver" class="py-4">
                     <v-col cols="3"></v-col>
                     <v-col cols="6">
                         <v-btn block disabled>THE {{ currentTurn }} IS CONSIDERING</v-btn>
@@ -63,7 +63,8 @@ export interface Emits {
 const props = defineProps<Props>();
 const emit = defineEmits<Emits>();
 
-const myTurn = computed(() => props.dealer === props.game.dealer);
+const gameOver = computed(() => props.game.winner == null);
+const myTurn = computed(() => gameOver.value && props.dealer === props.game.dealer);
 const currentTurn = computed(() => props.game.dealer ? 'DEALER' : 'CHALLENGER');
 
 const dealerTarget = computed(() => props.dealer ? 'YOURSELF' : 'THE DEALER');