Hide score buttons when using shared scoreboard link.

krazkidd · Sep 28, 2023 · 45c9874 · 45c9874
1 parent 7847c48
commit 45c9874
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/components/scoreboard/ScoreboardTeamTile.vue b/components/scoreboard/ScoreboardTeamTile.vue
@@ -4,10 +4,13 @@ import type { CardPassThroughOptions } from 'primevue/card';
 
 import type { Team } from "~~/types";
 
-const props = defineProps<{
+const props = withDefaults(defineProps<{
     team: Team | undefined,
-    score: number
-}>();
+    score: number,
+    showButtons?: boolean
+}>(), {
+    showButtons: false
+});
 
 const emit = defineEmits<{
     (e: "addRun"): void;
@@ -24,7 +27,12 @@ const cardPassThroughOptions = computed(() => ({
         color: props.team ? `#${props.team!.jerseyTextColor}` : '',
         backgroundColor: props.team ? `#${props.team!.jerseyColor}` : '',
     }
-  }
+  },
+  content: {
+    class: {
+        hidden: !props.showButtons
+    }
+  },
 } as CardPassThroughOptions));
 
 const buttonPassThroughOptions = {

diff --git a/pages/scoreboard/[[id]].vue b/pages/scoreboard/[[id]].vue
@@ -32,6 +32,7 @@ const fakeTeam = {
             <ScoreboardTeamTile
                 :team="team"
                 :score="scoreboard?.teamScore ?? 0"
+                :show-buttons="!route.params.id"
                 @add-run="incrementTeamScore(1)"
                 @remove-run="incrementTeamScore(-1)"
                 class="m-1 w-64"
@@ -40,6 +41,7 @@ const fakeTeam = {
             <ScoreboardTeamTile
                 :team="fakeTeam"
                 :score="scoreboard?.otherTeamScore ?? 0"
+                :show-buttons="!route.params.id"
                 @add-run="incrementOtherTeamScore(1)"
                 @remove-run="incrementOtherTeamScore(-1)"
                 class="m-1 w-64"