Merge branch 'feature/simple-redesign'

seanpierce · Feb 8, 2024 · 777ddaf · 777ddaf
2 parents 96b50ec + ccdfc44
commit 777ddaf
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 11 deletions.
diff --git 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
@@ -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>