From dccb0f835ff6eef1be10fffd87cc41bf051869ff Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Sat, 19 Dec 2020 16:57:40 -0700
Subject: [PATCH] Detect if an object has been chosen and change the display if
 it hasn't.

---
 web/src/views/InGame.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/web/src/views/InGame.vue b/web/src/views/InGame.vue
index 20c25c5..d84cc07 100644
--- a/web/src/views/InGame.vue
+++ b/web/src/views/InGame.vue
@@ -1,16 +1,16 @@
 <template>
 	<div id="GameView" class="maximize">
-		<game-board />
+		<game-board v-if="isGuesser || objectChosen" />
+		<object-selector v-else />
 		<player-hand />
 		<team-reminder />
-		<discard-hand
-			v-if="isGuesser"
-		/>
+		<discard-hand v-if="isGuesser" />
 	</div>
 </template>
 
 <script>
 import DiscardHand from "../components/DiscardHandButton";
+import ObjectSelector from "../components/ChooseObject";
 import TeamReminder from "../components/TeamReminder";
 import GameBoard from "../components/GameBoard";
 import PlayerHand from "../components/Hand";
@@ -18,6 +18,7 @@ import PlayerHand from "../components/Hand";
 export default {
 	name: `InGame`,
 	components: {
+		"object-selector": ObjectSelector,
 		"team-reminder": TeamReminder,
 		"discard-hand": DiscardHand,
 		"player-hand": PlayerHand,
@@ -27,6 +28,9 @@ export default {
 		isGuesser() {
 			return this.$store.state.role === this.$store.state.guesser_name;
 		},
+		objectChosen() {
+			return this.$store.state.chosen_object != null;
+		},
 	},
 	methods: {},
 }