From 9210d2cecd4e92bc336cf7fda069dab49dc06600 Mon Sep 17 00:00:00 2001
From: iamsivin <iamsivin@gmail.com>
Date: Mon, 11 Nov 2024 22:49:16 +0530
Subject: [PATCH] chore: Minor fix

---
 .../pages/EditContactsPageRouteView.vue       | 32 ++++++++++++-------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/contact/pages/EditContactsPageRouteView.vue b/app/javascript/dashboard/routes/dashboard/contact/pages/EditContactsPageRouteView.vue
index 6c792a15c..b44eb3397 100644
--- a/app/javascript/dashboard/routes/dashboard/contact/pages/EditContactsPageRouteView.vue
+++ b/app/javascript/dashboard/routes/dashboard/contact/pages/EditContactsPageRouteView.vue
@@ -137,18 +137,26 @@ onMounted(() => {
             @tab-changed="handleTabChange"
           />
         </div>
-        <ContactCustomAttributes
-          v-if="activeTab === 'attributes'"
-          :selected-contact="selectedContact"
-        />
-        <ContactNotes v-if="activeTab === 'notes'" />
-        <ContactHistory v-if="activeTab === 'history'" />
-        <ContactMerge
-          v-if="activeTab === 'merge'"
-          ref="contactMergeRef"
-          :selected-contact="selectedContact"
-          @go-to-contacts-list="goToContactsList"
-        />
+        <div
+          v-if="isFetchingItem"
+          class="flex items-center justify-center py-10 text-n-slate-11"
+        >
+          <Spinner />
+        </div>
+        <template v-else>
+          <ContactCustomAttributes
+            v-if="activeTab === 'attributes'"
+            :selected-contact="selectedContact"
+          />
+          <ContactNotes v-if="activeTab === 'notes'" />
+          <ContactHistory v-if="activeTab === 'history'" />
+          <ContactMerge
+            v-if="activeTab === 'merge'"
+            ref="contactMergeRef"
+            :selected-contact="selectedContact"
+            @go-to-contacts-list="goToContactsList"
+          />
+        </template>
       </template>
     </ContactsLayout>
   </div>