Use team color on scoreboard.

krazkidd · Sep 28, 2023 · 2390d2c · 2390d2c
1 parent 4958f9e
commit 2390d2c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/components/scoreboard/ScoreboardTeamTile.vue b/components/scoreboard/ScoreboardTeamTile.vue
@@ -14,11 +14,18 @@ const emit = defineEmits<{
     (e: "removeRun"): void;
 }>();
 
-const cardPassThroughOptions = {
+const cardPassThroughOptions = computed(() => ({
   root: {
     class: 'accent m-1 w-64',
+  },
+  title: {
+    class: 'rounded',
+    style: {
+        color: props.team ? `#${props.team!.jerseyTextColor}` : '',
+        backgroundColor: props.team ? `#${props.team!.jerseyColor}` : '',
+    }
   }
-} as CardPassThroughOptions;
+} as CardPassThroughOptions));
 
 const buttonPassThroughOptions = {
   label: {

diff --git a/pages/scoreboard/[[id]].vue b/pages/scoreboard/[[id]].vue
@@ -17,8 +17,8 @@ const { data: scoreboard } = useDocument(await getScoreboard(db, teamId.value));
 
 const fakeTeam = {
     name: "Opposing Team",
-    jerseyColor: "f5f5f5",
-    jerseyTextColor: "cdcdcd",
+    //jerseyColor: "",
+    //jerseyTextColor: "",
 } as Team;
 </script>