From 9a75059611d9f4695c3ef324f32cf676c6adf1e0 Mon Sep 17 00:00:00 2001
From: Solomon Cammack <solomon@solomon.eu.com>
Date: Fri, 22 Nov 2024 01:03:58 +0000
Subject: [PATCH] Fix prop collision on heroes

---
 website/src/components/broadcast/roots/GFXRoot.vue    | 2 +-
 website/src/components/broadcast/roots/MVPOverlay.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/website/src/components/broadcast/roots/GFXRoot.vue b/website/src/components/broadcast/roots/GFXRoot.vue
index 0e29b23a..bb9620c8 100644
--- a/website/src/components/broadcast/roots/GFXRoot.vue
+++ b/website/src/components/broadcast/roots/GFXRoot.vue
@@ -12,7 +12,7 @@
             v-bind="overlayProps"
             :player="gfx.players?.[0]"
             :team="gfx.teams?.[0]"
-            :hero="gfx.heroes?.[0]" />
+            :custom-hero="gfx.heroes?.[0]" />
         <StatsGFXOverlay v-if="gfx?.type?.startsWith('Stats: ')" v-bind="overlayProps" />
         <v-style>
             {{ gfx?.custom_css }}
diff --git a/website/src/components/broadcast/roots/MVPOverlay.vue b/website/src/components/broadcast/roots/MVPOverlay.vue
index a9b0d17f..3c7d896f 100644
--- a/website/src/components/broadcast/roots/MVPOverlay.vue
+++ b/website/src/components/broadcast/roots/MVPOverlay.vue
@@ -66,7 +66,7 @@ import { cleanID } from "@/utils/content-utils.js";
 export default {
     name: "MVPOverlay",
     components: { ThemeTransition, ThemeLogo, RecoloredHero },
-    props: ["broadcast", "title", "animationActive", "showSponsor", "player", "team", "hero"],
+    props: ["broadcast", "title", "animationActive", "showSponsor", "player", "team", "customHero"],
     computed: {
         match() {
             return ReactiveRoot(this.broadcast?.live_match?.[0], {
@@ -121,7 +121,7 @@ export default {
             return (this.mvp.member_of || []).find(team => (this.match?.teams || []).some(t => t.id === team.id));
         },
         hero() {
-            return this.hero || this.broadcast?.highlight_hero || this.mvp?.favourite_hero;
+            return this.customHero || this.broadcast?.highlight_hero || this.mvp?.favourite_hero;
         },
         borderColor() {
             return {