From ccdfc44b0398701767c04fdc99ee027a7ca413b0 Mon Sep 17 00:00:00 2001
From: seanpierce <sumler.sean@gmail.com>
Date: Wed, 7 Feb 2024 22:42:17 -0800
Subject: [PATCH] Marquee fix

---
 app/src/components/Marquee.vue | 14 ++++----------
 app/src/views/Home.vue         | 12 +++++++++++-
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/app/src/components/Marquee.vue b/app/src/components/Marquee.vue
index 1e1bba2..084bf9a 100644
--- a/app/src/components/Marquee.vue
+++ b/app/src/components/Marquee.vue
@@ -1,7 +1,7 @@
 <template>
-    <div class="marquee-wrapper" v-if="loaded">
+    <div class="marquee-wrapper">
         <div id="live-marquee" class="marquee">
-            {{ marqueeText }}
+            {{ text }}
         </div>
     </div>
 </template>
@@ -10,14 +10,8 @@
 import nodeMarquee from 'node-marquee'
 
 export default {
-    computed: {
-        marqueeText() {
-            return this.$store.state.content.marqueeText
-        },
-
-        loaded() {
-            return this.marqueeText?.length > 0 || false
-        }
+    props: {
+        text: String
     },
 
     mounted() {
diff --git a/app/src/views/Home.vue b/app/src/views/Home.vue
index 04ecea5..64bfcf2 100644
--- a/app/src/views/Home.vue
+++ b/app/src/views/Home.vue
@@ -14,7 +14,7 @@
             <!-- <a href="/#chat">Chat</a> -->
         </div>
         
-        <Marquee />
+        <Marquee v-if="loaded" :text="marqueeText" />
     </div>
 </template>
 
@@ -34,5 +34,15 @@ export default {
             intro: require('@/assets/images/introtorhythm-orange.png')
         }
     },
+
+    computed: {
+        marqueeText() {
+            return this.$store.state.content.marqueeText
+        },
+
+        loaded() {
+            return this.marqueeText?.length > 0 || false
+        }
+    }
 }
 </script>
\ No newline at end of file