From 728930c77f480de96c62eded4c145a2453084e29 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Sun, 28 Aug 2022 21:59:20 +0300
Subject: [PATCH] feat: hide cover field from card

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 packages/nc-gui-v2/components/smartsheet/Gallery.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet/Gallery.vue b/packages/nc-gui-v2/components/smartsheet/Gallery.vue
index fc8ab9e6bf..75b249c440 100644
--- a/packages/nc-gui-v2/components/smartsheet/Gallery.vue
+++ b/packages/nc-gui-v2/components/smartsheet/Gallery.vue
@@ -49,6 +49,8 @@ provide(ReadonlyInj, !isUIAllowed('xcDatatableEditable'))
 
 const fields = inject(FieldsInj, ref([]))
 
+const fieldsWithoutCover = computed(() => fields.value.filter((f) => f.id !== galleryData.value?.fk_cover_image_col_id))
+
 const coverImageColumn: any = $(
   computed(() =>
     meta?.value.columnsById
@@ -102,7 +104,7 @@ openNewRecordFormHook?.on(async () => {
 
 <template>
   <div class="flex flex-col h-full w-full overflow-auto">
-    <div class="nc-gallery-container grid w-full min-h-0 flex-1 gap-x-2 my-4 px-3">
+    <div class="nc-gallery-container grid w-full min-h-0 flex-1 gap-2 my-4 px-3">
       <div v-for="(record, recordIndex) in data" :key="recordIndex" class="flex flex-col" @click="expandForm(record)">
         <Row :row="record">
           <a-card hoverable class="!rounded-lg h-full overflow-hidden break-all">
@@ -113,7 +115,11 @@ openNewRecordFormHook?.on(async () => {
               <ImageIcon v-else class="w-full h-48 my-4 text-cool-gray-200" />
             </template>
 
-            <div v-for="col in fields" :key="col.id" class="flex flex-col space-y-1 px-4 mb-6 bg-gray-50 rounded-lg w-full">
+            <div
+              v-for="col in fieldsWithoutCover"
+              :key="col.id"
+              class="flex flex-col space-y-1 px-4 mb-6 bg-gray-50 rounded-lg w-full"
+            >
               <div class="flex flex-row w-full justify-start border-b-1 border-gray-100 py-2.5">
                 <div class="w-full text-gray-600">
                   <SmartsheetHeaderVirtualCell v-if="isVirtualCol(col)" :column="col" :hide-menu="true" />