Add logic to toggle button visual when voting

client/src/components/endRound/EndRound.vue

@@ -5,7 +5,7 @@
     <player-chooser v-model="selectedId" class="w-50 w-lg-25 fs-4 mb-3" />
     <button
       class="btn btn-orange w-75 w-lg-50 w-xl-25 fs-4 mb-3 position-relative"
-      :class="{ 'btn-blue': !startNextRoundNext }"
+      :class="{ 'btn-blue': !pressedVote }"
       @click="sendVote">
       {{ hasNextRound ? $t('startNextRound') : $t('viewResults') }}
       <notification-count
@@ -41,7 +41,8 @@ export default defineComponent({
   data() {
     return {
       responsesId: '',
-      selectedId: ''
+      selectedId: '',
+      pressedVote: false
     }
   },
   computed: {

client/src/components/promptResponse/VoteSkip.vue

@@ -1,8 +1,8 @@
 <template>
   <a
     v-tooltip.right="$t('tooltip.voteSkip')"
-    class="btn btn-sm btn-orange text-white ratio-1x1 position-relative d-inline-flex justify-content-center align-items-center"
-    :class="{ 'btn-blue': !skipVoteNext }"
+    class="btn btn-sm btn-orange text-white ratio-1x1 position-relative d-inline-flex justify-content-center align-items-center active"
+    :class="{ 'btn-blue': !pressedVote }"
     @click="sendVote">
     <i class="bi-hand-thumbs-down fs-3 p-0 lh-sm" />
 
@@ -31,14 +31,16 @@ export default defineComponent({
   },
   data() {
     return {
-      tooltips: []
+      tooltips: [],
+      pressedVote: false
     }
   },
   computed: {
     ...mapState(useGameStore, ['skipVoteCount', 'skipVoteNext'])
   },
   methods: {
     sendVote() {
+      this.pressedVote = !this.pressedVote
       new AudioWrap(ClickMp3).play()
       socket.emit('pollVote', 'skipPrompt')
     }

client/src/components/responseMatching/DisputeIcon.vue

@@ -2,7 +2,7 @@
   <button
     v-tooltip="{ title: $t('tooltip.dispute', { response }), placement }"
     class="btn btn-sm btn-orange text-white ratio-1x1 position-relative d-inline-flex justify-content-center align-items-center"
-    :class="{ 'btn-blue': !sikeDisputeNext }"
+    :class="{ 'btn-blue': !pressedVote }"
     :disabled="disabled"
     @click="sendVote">
     <i class="bi-hand-thumbs-down fs-5 lh-sm" />
@@ -45,7 +45,8 @@ export default defineComponent({
   },
   data() {
     return {
-      tooltips: []
+      tooltips: [],
+      pressedVote: false
     }
   },
   computed: {

server/.eslintrc.cjs

@@ -1,21 +1,21 @@
-require('@rushstack/eslint-patch/modern-module-resolution')
+require('@rushstack/eslint-patch/modern-module-resolution');
 
 module.exports = {
   env: {
-    'es2022': true,
-    'node': true
+    es2022: true,
+    node: true
   },
   extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended-type-checked', 'prettier'],
   parser: '@typescript-eslint/parser',
   parserOptions: {
-    'ecmaVersion': 'latest',
-    'sourceType': 'module',
-    'project': true,
-    'tsconfigRootDir': '.'
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: true,
+    tsconfigRootDir: '.'
   },
   plugins: ['@typescript-eslint', 'prettier'],
   rules: {
     'prettier/prettier': 2
   },
   ignorePatterns: ['/*', '!/src', '!/tests']
-}
+};