Browse Source

Merge pull request #4296 from nocodb/fix/4294-attachment-delete

Fix: Attachment cell - removing attachment error
pull/4299/head
Raju Udava 2 years ago committed by GitHub
parent
commit
0bbf93e78a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 9
      packages/nc-gui/components/cell/attachment/index.vue

9
packages/nc-gui/components/cell/attachment/index.vue

@ -120,7 +120,7 @@ watch(
/** updates attachments array for autosave */ /** updates attachments array for autosave */
function updateModelValue(data: string | Record<string, any>[]) { 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 */ /** Close modal on escape press, disable dropzone as well */
@ -152,7 +152,8 @@ watch(
:target="currentCellRef" :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" 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> </general-overlay>
</template> </template>
@ -166,7 +167,7 @@ watch(
<MdiReload v-if="isLoading" :class="{ 'animate-infinite animate-spin': isLoading }" /> <MdiReload v-if="isLoading" :class="{ 'animate-infinite animate-spin': isLoading }" />
<a-tooltip v-else placement="bottom"> <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"> <div class="flex items-center gap-2">
<MaterialSymbolsAttachFile <MaterialSymbolsAttachFile
@ -225,7 +226,7 @@ watch(
<MdiReload v-if="isLoading" :class="{ 'animate-infinite animate-spin': isLoading }" /> <MdiReload v-if="isLoading" :class="{ 'animate-infinite animate-spin': isLoading }" />
<a-tooltip v-else placement="bottom"> <a-tooltip v-else placement="bottom">
<template #title> View attachments </template> <template #title> View attachments</template>
<MdiArrowExpand <MdiArrowExpand
class="transform dark:(!text-white) group-hover:(!text-accent scale-120) text-gray-500 text-[0.75rem]" class="transform dark:(!text-white) group-hover:(!text-accent scale-120) text-gray-500 text-[0.75rem]"

Loading…
Cancel
Save