From 1531772365a6f4041c57db913a1d6a88e094505d Mon Sep 17 00:00:00 2001
From: Muhsin Keloth <muhsinkeramam@gmail.com>
Date: Mon, 21 Apr 2025 14:17:39 +0530
Subject: [PATCH] chore: Migrated Instagram inbox warning style issues (#11332)

**Before**
![CleanShot 2025-04-17 at 22 53
28@2x](https://github.com/user-attachments/assets/00841dd1-ca1f-47b3-9972-6c9100bd2291)

![CleanShot 2025-04-17 at 22 53
46@2x](https://github.com/user-attachments/assets/648a4770-3aea-4b84-9456-6941744a4d65)


**After**
![CleanShot 2025-04-17 at 22 50
40@2x](https://github.com/user-attachments/assets/d37250fd-5400-4548-82f4-ab0c3b417b3a)
![CleanShot 2025-04-17 at 22 50
47@2x](https://github.com/user-attachments/assets/ca611297-8dd0-4bd9-b6b6-02660c252aa9)

---------

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
---
 .../inbox/channels/instagram/DuplicateInboxBanner.vue     | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/instagram/DuplicateInboxBanner.vue b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/instagram/DuplicateInboxBanner.vue
index 925d089c5..8bb51cde9 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/instagram/DuplicateInboxBanner.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/inbox/channels/instagram/DuplicateInboxBanner.vue
@@ -1,5 +1,6 @@
 <script setup>
 import Banner from 'dashboard/components-next/banner/Banner.vue';
+import Icon from 'dashboard/components-next/icon/Icon.vue';
 
 defineProps({
   content: {
@@ -10,7 +11,10 @@ defineProps({
 </script>
 
 <template>
-  <Banner color="ruby">
-    {{ content }}
+  <Banner color="amber">
+    <div class="flex items-center gap-2">
+      <Icon icon="i-lucide-info" class="flex-shrink-0 size-4" />
+      <span>{{ content }}</span>
+    </div>
   </Banner>
 </template>