feat: When no bracket key or bracket key 'match' take match bracket (#…

…211) * feat: When no bracket key or bracket key 'match' take match bracket * chore: Optional chaining * Minor fixes to logic --------- Co-authored-by: Solomon Cammack <[email protected]>
slmnio · Sep 3, 2023 · 7cd8d56 · 7cd8d56
1 parent 30d1285
commit 7cd8d56
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/website/src/components/broadcast/roots/BracketOverlay.vue b/website/src/components/broadcast/roots/BracketOverlay.vue
@@ -41,6 +41,10 @@ export default {
             if (this.broadcast?.bracket_key) key = this.broadcast.bracket_key;
             if (this.bracketKey) key = this.bracketKey;
 
+            if (this.liveMatch && (!key || key === "match")) {
+                key = this.liveMatch.brackets?.[0]?.key;
+            }
+
             if (!key) return this.event.brackets[0];
             const bracket = this.event.brackets.find(b => b && b.key === key);
             return bracket || this.event.brackets[0];
@@ -52,7 +56,8 @@ export default {
         liveMatch() {
             if (!this.broadcast?.live_match) return null;
             return ReactiveRoot(this.broadcast.live_match[0], {
-                teams: ReactiveArray("teams")
+                teams: ReactiveArray("teams"),
+                brackets: ReactiveArray("brackets")
             });
         },
         highlightMatch() {