From 003bbcff0ec3d6acfc2838c50873368069f0758c Mon Sep 17 00:00:00 2001
From: DarkPhoenix2704 <anbarasun123@gmail.com>
Date: Wed, 20 Sep 2023 12:38:09 +0530
Subject: [PATCH] fix: loading state for link

---
 .../nc-gui/components/virtual-cell/components/ListItem.vue   | 2 +-
 packages/nc-gui/composables/useLTARStore.ts                  | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/virtual-cell/components/ListItem.vue b/packages/nc-gui/components/virtual-cell/components/ListItem.vue
index 2be57791d4..dfe8cfbb40 100644
--- a/packages/nc-gui/components/virtual-cell/components/ListItem.vue
+++ b/packages/nc-gui/components/virtual-cell/components/ListItem.vue
@@ -72,7 +72,7 @@ const attachments: Attachment[] = computed(() => {
       <div class="flex flex-col m-[.75rem] gap-1 flex-grow justify-center">
         <div class="flex justify-between">
           <span class="font-semibold text-gray-800 nc-display-value"> {{ row[relatedTableDisplayValueProp] }} </span>
-          <div v-if="isLinked" class="text-brand-500 text-0.875">
+          <div v-if="isLinked && !isLoading" class="text-brand-500 text-0.875">
             <LinkIcon
               :class="{
                 '!group-hover:mr-8': fields.length === 0,
diff --git a/packages/nc-gui/composables/useLTARStore.ts b/packages/nc-gui/composables/useLTARStore.ts
index 05101d740c..b215fb4bc7 100644
--- a/packages/nc-gui/composables/useLTARStore.ts
+++ b/packages/nc-gui/composables/useLTARStore.ts
@@ -218,6 +218,7 @@ const [useProvideLTARStore, useLTARStore] = useInjectionState(
       } catch (e: any) {
         message.error(`${t('msg.error.failedToLoadList')}: ${await extractSdkResponseErrorMsg(e)}`)
       } finally {
+        // To Keep the Loading State for Minimum 600ms
         setTimeout(() => {
           isChildrenExcludedLoading.value = false
         }, 600)
@@ -273,6 +274,7 @@ const [useProvideLTARStore, useLTARStore] = useInjectionState(
       } catch (e: any) {
         message.error(`${t('msg.error.failedToLoadChildrenList')}: ${await extractSdkResponseErrorMsg(e)}`)
       } finally {
+        // To Keep the Loading State for Minimum 600ms
         setTimeout(() => {
           isChildrenLoading.value = false
         }, 600)
@@ -371,6 +373,7 @@ const [useProvideLTARStore, useLTARStore] = useInjectionState(
       } catch (e: any) {
         message.error(`${t('msg.error.unlinkFailed')}: ${await extractSdkResponseErrorMsg(e)}`)
       } finally {
+        // To Keep the Loading State for Minimum 600ms
         setTimeout(() => {
           isChildrenExcludedListLoading.value[index] = false
           isChildrenListLoading.value[index] = false
@@ -438,6 +441,8 @@ const [useProvideLTARStore, useLTARStore] = useInjectionState(
       } catch (e: any) {
         message.error(`Linking failed: ${await extractSdkResponseErrorMsg(e)}`)
       } finally {
+        // To Keep the Loading State for Minimum 600ms
+
         setTimeout(() => {
           isChildrenExcludedListLoading.value[index] = false
           isChildrenListLoading.value[index] = false