From 1c948b7ecb5ec9e5f6e96bc8f65d5989827e39ab Mon Sep 17 00:00:00 2001
From: Solomon Cammack <solomon@solomon.eu.com>
Date: Fri, 25 Aug 2023 20:48:32 +0100
Subject: [PATCH] Add text overlay for GFX

---
 .../src/components/broadcast/roots/GFXRoot.vue   |  7 +++++--
 .../components/broadcast/roots/TextOverlay.vue   | 16 ++++++++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)
 create mode 100644 website/src/components/broadcast/roots/TextOverlay.vue

diff --git a/website/src/components/broadcast/roots/GFXRoot.vue b/website/src/components/broadcast/roots/GFXRoot.vue
index 489a3014..1e9e92c6 100644
--- a/website/src/components/broadcast/roots/GFXRoot.vue
+++ b/website/src/components/broadcast/roots/GFXRoot.vue
@@ -6,6 +6,7 @@
         <TweetOverlay v-if="gfx?.type === 'Tweet'" v-bind="overlayProps" />
         <IframeOverlay v-if="gfx?.type === 'Iframe'" v-bind="overlayProps" />
         <StandingsOverlay v-if="gfx?.type === 'Standings'" v-bind="overlayProps" :stage="overlayProps.identifier" />
+        <TextOverlay v-if="gfx?.type === 'Text'" v-bind="overlayProps" />
         <v-style>
             {{ gfx?.custom_css }}
         </v-style>
@@ -20,10 +21,11 @@ import ImageOverlay from "@/components/broadcast/roots/ImageOverlay.vue";
 import IframeOverlay from "@/components/broadcast/roots/IframeOverlay.vue";
 import StandingsOverlay from "@/components/broadcast/roots/StandingsOverlay.vue";
 import TweetOverlay from "@/components/broadcast/roots/TweetOverlay.vue";
+import TextOverlay from "@/components/broadcast/roots/TextOverlay.vue";
 
 export default {
     name: "GFXRoot",
-    components: { TweetOverlay, StandingsOverlay, IframeOverlay, ImageOverlay, BracketOverlay, ScheduleOverlay },
+    components: { TextOverlay, TweetOverlay, StandingsOverlay, IframeOverlay, ImageOverlay, BracketOverlay, ScheduleOverlay },
     props: {
         index: Number,
         broadcast: Object,
@@ -40,7 +42,8 @@ export default {
                 forceBracket: this.gfx?.bracket,
                 image: this.gfx?.image?.[0],
                 url: this.gfx?.url,
-                identifier: this.gfx?.identifier
+                identifier: this.gfx?.identifier,
+                markdown: this.gfx?.markdown
             };
         },
         gfx() {
diff --git a/website/src/components/broadcast/roots/TextOverlay.vue b/website/src/components/broadcast/roots/TextOverlay.vue
new file mode 100644
index 00000000..b9342c61
--- /dev/null
+++ b/website/src/components/broadcast/roots/TextOverlay.vue
@@ -0,0 +1,16 @@
+<template>
+    <GenericOverlay :title="title">
+        <Markdown class="overlay-markdown w-100 h-100" :markdown="markdown"></Markdown>
+    </GenericOverlay>
+</template>
+
+<script>
+import GenericOverlay from "@/components/broadcast/roots/GenericOverlay.vue";
+import Markdown from "@/components/website/Markdown.vue";
+
+export default {
+    name: "TextOverlay",
+    props: ["broadcast", "title", "markdown", "extended"],
+    components: { Markdown, GenericOverlay }
+};
+</script>