test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: loading state in Users page

Browse Source
This commit is contained in:
Shariq Ansari 2025-06-20 18:55:42 +05:30
parent ad1aee9c9e
commit 2fdea90ad4
1 changed files with 26 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
frontend/src/components/Settings/Users.vue
View File

@ -36,6 +36,32 @@
</div> </div>
</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 --> <!-- Users List -->
<ul <ul
v-if="!users.loading && Boolean(users.data?.crmUsers?.length)" v-if="!users.loading && Boolean(users.data?.crmUsers?.length)"
@ -94,26 +120,6 @@
/> />
</div> </div>
</ul> </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> </div>
<AddExistingUserModal <AddExistingUserModal
v-if="showAddExistingModal" v-if="showAddExistingModal"