From 352558dd11f457bfe62d616654f233201c4d0ce1 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Wed, 26 Oct 2022 04:47:05 +0530
Subject: [PATCH] fix: Update color for the action button used in card messages
 (#5740)

---
 app/javascript/shared/components/CardButton.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/javascript/shared/components/CardButton.vue b/app/javascript/shared/components/CardButton.vue
index d6d116ade..981c6f93d 100644
--- a/app/javascript/shared/components/CardButton.vue
+++ b/app/javascript/shared/components/CardButton.vue
@@ -4,6 +4,7 @@
     :key="action.uri"
     class="action-button button"
     :href="action.uri"
+    :style="{ background: widgetColor, borderColor: widgetColor }"
     target="_blank"
     rel="noopener nofollow noreferrer"
   >
@@ -13,13 +14,14 @@
     v-else
     :key="action.payload"
     class="action-button button"
+    :style="{ borderColor: widgetColor, color: widgetColor }"
     @click="onClick"
   >
     {{ action.text }}
   </button>
 </template>
-
 <script>
+import { mapGetters } from 'vuex';
 export default {
   components: {},
   props: {
@@ -29,6 +31,9 @@ export default {
     },
   },
   computed: {
+    ...mapGetters({
+      widgetColor: 'appConfig/getWidgetColor',
+    }),
     isLink() {
       return this.action.type === 'link';
     },