add timer to voting screen

OtherwiseJunk · Apr 30, 2024 · 1238aa6 · 1238aa6
1 parent add2f63
commit 1238aa6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/Yak/src/App.vue b/Yak/src/App.vue
@@ -48,9 +48,10 @@ function onNextRound(){
     <AnswerSubmission :timeRemaining="roundTimeRemaining" :acronym="acronym" v-if="phase === 1 && animationComplete" @submit="(answer) => onSubmit(answer)">
     </AnswerSubmission>
     <VotingScreen 
-      :submissionsByUserId="submissions" 
+      :submissionsByUserId="submissions"
       :resultsMode="phase === 3"
       :skipVoting="playerCount <= 2"
+      :timeRemaining="roundTimeRemaining"
       v-if="(phase === 2 || phase === 3) && animationComplete" 
       @vote="(submissionUserId) => onVote(submissionUserId)"
       @next-round="onNextRound()">

diff --git a/Yak/src/components/VotingScreen.vue b/Yak/src/components/VotingScreen.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="container">
         <div class="header">
-            <p class="font header-text">{{ props.resultsMode ? "Results" : "Vote" }}</p>
+            <p class="font header-text">{{ props.resultsMode ? "Results" : `Vote - ${props.timeRemaining}` }}</p>
             <p v-show="props.skipVoting" class="font header-subtext">voting skipped as there aren't enough players</p>
         </div>
         <div class="voting-container">
@@ -51,6 +51,10 @@ const props = defineProps({
     skipVoting: {
         type: Boolean,
         required: true
+    },
+    timeRemaining: {
+        type: Number,
+        required: true
     }
 })
 const emits = defineEmits(['vote', 'next-round'])