From 391b139652ee7f0d4229e90468298c3ee69269a7 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Mon, 15 Dec 2025 14:37:06 +0530
Subject: [PATCH] feat: use woot modal component directly

---
 .../widgets/conversation/components/GalleryView.vue          | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/javascript/dashboard/components/widgets/conversation/components/GalleryView.vue b/app/javascript/dashboard/components/widgets/conversation/components/GalleryView.vue
index 545952e80..b8dcd2c67 100644
--- a/app/javascript/dashboard/components/widgets/conversation/components/GalleryView.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/components/GalleryView.vue
@@ -9,6 +9,7 @@ import { useImageZoom } from 'dashboard/composables/useImageZoom';
 import { messageTimestamp } from 'shared/helpers/timeHelper';
 import { downloadFile } from '@chatwoot/utils';
 
+import WootModal from 'dashboard/components/Modal.vue';
 import NextButton from 'dashboard/components-next/button/Button.vue';
 import Avatar from 'next/avatar/Avatar.vue';
 import TeleportWithDirection from 'dashboard/components-next/TeleportWithDirection.vue';
@@ -168,7 +169,7 @@ onMounted(() => {
 
 <template>
   <TeleportWithDirection to="body">
-    <woot-modal
+    <WootModal
       v-model:show="show"
       full-width
       :show-close-button="false"
@@ -353,6 +354,6 @@ onMounted(() => {
           </div>
         </footer>
       </div>
-    </woot-modal>
+    </WootModal>
   </TeleportWithDirection>
 </template>