From 7736050aad8ba9e68d0287962274fd5012d2ffda Mon Sep 17 00:00:00 2001
From: Solomon Cammack <solomon@solomon.eu.com>
Date: Wed, 25 Jan 2023 09:54:41 +0000
Subject: [PATCH] Minor text and style updates to break modal

---
 .../website/dashboard/BreakDisplayMultiModal.vue          | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/website/src/components/website/dashboard/BreakDisplayMultiModal.vue b/website/src/components/website/dashboard/BreakDisplayMultiModal.vue
index 2d1d831d..4df32296 100644
--- a/website/src/components/website/dashboard/BreakDisplayMultiModal.vue
+++ b/website/src/components/website/dashboard/BreakDisplayMultiModal.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="break-display-modal">
         <div v-b-modal.break-display>
-            <b-button size="sm" :class="{ active: broadcast && broadcast.break_display }" :variant="broadcast && broadcast.break_display ? 'primary' : ''">
+            <b-button size="sm" :class="{ active: automationIsActive }" :variant="automationIsActive ? 'primary' : ''">
                 <DashboardModalIcon/> {{ autoText }}
             </b-button>
         </div>
@@ -12,8 +12,7 @@
 
             <template v-slot:modal-footer>
                 <div v-if="selectedTab === 'Display'" class="w-100 flex-center text-center">
-                    These settings will change the break scene's display instantly.<br>
-                    Make sure that your show is ready for these graphics to appear.
+                    These buttons will change the break scene's display instantly.
                 </div>
             </template>
         </b-modal>
@@ -43,6 +42,9 @@ export default {
     computed: {
         autoText() {
             return this.broadcast?.break_display ? `Display: ${this.broadcast.break_display}` : "Display";
+        },
+        automationIsActive() {
+            return this.broadcast?.break_display === "Automated";
         }
     }
 };