From 547b74a6d8492ef10c32ae749fd376cc03cecb3f Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 7 Nov 2022 13:34:22 +0530
Subject: [PATCH] fix(gui): JSON stringify attachment data

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/components/cell/attachment/index.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/cell/attachment/index.vue b/packages/nc-gui/components/cell/attachment/index.vue
index 4732c1899c..b3875eb0a2 100644
--- a/packages/nc-gui/components/cell/attachment/index.vue
+++ b/packages/nc-gui/components/cell/attachment/index.vue
@@ -120,7 +120,7 @@ watch(
 
 /** updates attachments array for autosave */
 function updateModelValue(data: string | Record<string, any>[]) {
-  emits('update:modelValue', data)
+  emits('update:modelValue', typeof data === 'string' ? data : JSON.stringify(data))
 }
 
 /** Close modal on escape press, disable dropzone as well */
@@ -152,7 +152,8 @@ watch(
         :target="currentCellRef"
         class="nc-attachment-cell-dropzone text-white text-lg ring ring-accent ring-opacity-100 bg-gray-700/75 flex items-center justify-center gap-2 backdrop-blur-xl"
       >
-        <MaterialSymbolsFileCopyOutline class="text-accent" /> Drop here
+        <MaterialSymbolsFileCopyOutline class="text-accent" />
+        Drop here
       </general-overlay>
     </template>
 
@@ -166,7 +167,7 @@ watch(
       <MdiReload v-if="isLoading" :class="{ 'animate-infinite animate-spin': isLoading }" />
 
       <a-tooltip v-else placement="bottom">
-        <template #title> Click or drop a file into cell </template>
+        <template #title> Click or drop a file into cell</template>
 
         <div class="flex items-center gap-2">
           <MaterialSymbolsAttachFile
@@ -225,7 +226,7 @@ watch(
         <MdiReload v-if="isLoading" :class="{ 'animate-infinite animate-spin': isLoading }" />
 
         <a-tooltip v-else placement="bottom">
-          <template #title> View attachments </template>
+          <template #title> View attachments</template>
 
           <MdiArrowExpand
             class="transform dark:(!text-white) group-hover:(!text-accent scale-120) text-gray-500 text-[0.75rem]"