From bcc090346bc1f8c9e1b23081614f52aae1aa3250 Mon Sep 17 00:00:00 2001
From: DarkPhoenix2704 <anbarasun123@gmail.com>
Date: Wed, 20 Sep 2023 16:10:28 +0530
Subject: [PATCH] fix: open expanded on Image click

---
 .../nc-gui/components/smartsheet/Gallery.vue     | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/Gallery.vue b/packages/nc-gui/components/smartsheet/Gallery.vue
index 2834ea2bc6..1615073b58 100644
--- a/packages/nc-gui/components/smartsheet/Gallery.vue
+++ b/packages/nc-gui/components/smartsheet/Gallery.vue
@@ -148,9 +148,8 @@ const expandForm = (row: RowType, state?: Record<string, any>) => {
 
 const expandFormClick = async (e: MouseEvent, row: RowType) => {
   const target = e.target as HTMLElement
-  if (target && !target.closest('.gallery-carousel')) {
-    expandForm(row)
-  }
+  if (target.closest('.arrow')) return
+  expandForm(row)
 }
 
 openNewRecordFormHook?.on(async () => {
@@ -263,7 +262,6 @@ watch(
                   v-if="!reloadAttachments && attachments(record).length"
                   class="gallery-carousel !border-b-1 !border-gray-200"
                   arrows
-                  @click="expandFormClick($event, record)"
                 >
                   <template #customPaging>
                     <a>
@@ -274,7 +272,7 @@ watch(
                   </template>
 
                   <template #prevArrow>
-                    <div class="z-10">
+                    <div class="z-10 arrow">
                       <MdiChevronLeft
                         class="text-gray-700 w-6 h-6 absolute left-1.5 bottom-[-90px] !opacity-0 !group-hover:opacity-100 !bg-white border-1 border-gray-200 rounded-md transition"
                       />
@@ -282,7 +280,7 @@ watch(
                   </template>
 
                   <template #nextArrow>
-                    <div class="z-10">
+                    <div class="z-10 arrow">
                       <MdiChevronRight
                         class="text-gray-700 w-6 h-6 absolute right-1.5 bottom-[-90px] !opacity-0 !group-hover:opacity-100 !bg-white border-1 border-gray-200 rounded-md transition"
                       />
@@ -295,6 +293,12 @@ watch(
                       :key="`carousel-${record.row.id}-${index}`"
                       class="h-52 object-cover"
                       :srcs="getPossibleAttachmentSrc(attachment)"
+                      @click="
+                        () => {
+                          console.log('hereeeeee')
+                          expandFormClick($event, record)
+                        }
+                      "
                     />
                   </template>
                 </a-carousel>