From b83b4847e7de4482d026a8a36daa41cd789d7df7 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Fri, 20 Jun 2025 18:55:42 +0530
Subject: [PATCH] fix: loading state in Users page

(cherry picked from commit 2fdea90ad4176b40ac6a8a8d2d75cd6fcf64ce8b)
---
 frontend/src/components/Settings/Users.vue | 46 ++++++++++++----------
 1 file changed, 26 insertions(+), 20 deletions(-)

diff --git a/frontend/src/components/Settings/Users.vue b/frontend/src/components/Settings/Users.vue
index 9cab8739..41838818 100644
--- a/frontend/src/components/Settings/Users.vue
+++ b/frontend/src/components/Settings/Users.vue
@@ -36,6 +36,32 @@
       </div>
     </div>
 
+    <!-- loading state -->
+    <div v-if="users.loading" class="flex mt-28 justify-between w-full h-full">
+      <Button
+        :loading="users.loading"
+        variant="ghost"
+        class="w-full"
+        size="2xl"
+      />
+    </div>
+
+    <!-- Empty State -->
+    <div
+      v-if="
+        !users.loading &&
+        users.data?.crmUsers?.length === 1 &&
+        users.data?.crmUsers[0].name == 'Administrator'
+      "
+      class="flex justify-between w-full h-full"
+    >
+      <div
+        class="text-ink-gray-4 border border-dashed rounded w-full flex items-center justify-center"
+      >
+        {{ __('No users found') }}
+      </div>
+    </div>
+
     <!-- Users List -->
     <ul
       v-if="!users.loading && Boolean(users.data?.crmUsers?.length)"
@@ -94,26 +120,6 @@
         />
       </div>
     </ul>
-
-    <!-- loading state -->
-    <div v-if="users.loading" class="flex mt-28 justify-between w-full h-full">
-      <Button
-        :loading="users.loading"
-        variant="ghost"
-        class="w-full"
-        size="2xl"
-      />
-    </div>
-
-    <!-- Empty State -->
-    <div
-      v-if="!users.loading && !users.data?.crmUsers?.length"
-      class="flex mt-28 justify-between w-full h-full"
-    >
-      <p class="text-sm text-gray-500 w-full flex justify-center">
-        {{ __('No users found') }}
-      </p>
-    </div>
   </div>
   <AddExistingUserModal
     v-if="showAddExistingModal"