From 85eee7bb7a34a5042d925fb6e0fc86b215e69289 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 16 Sep 2024 09:43:44 -0300
Subject: [PATCH] Admin users add disabled badge when user is disabled

---
 src/components/ui/CardList.vue | 4 ++--
 src/pages/Admin/UsersView.vue  | 9 ++++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/CardList.vue b/src/components/ui/CardList.vue
index 7f68b155..10bb4c69 100644
--- a/src/components/ui/CardList.vue
+++ b/src/components/ui/CardList.vue
@@ -24,14 +24,14 @@ const handleClick = () => {
     >
         <div
             class="no-padding content-container"
-            :class="$slots.actions ? 'col-10' : 'col-12'"
+            :class="{ 'full-width': !$slots.actions }"
         >
             <slot name="prepend" />
             <div class="content">
                 <slot name="content" />
             </div>
         </div>
-        <div class="no-padding flex full-width justify-center">
+        <div class="no-padding flex column justify-center">
             <slot name="actions" />
         </div>
     </QItem>
diff --git a/src/pages/Admin/UsersView.vue b/src/pages/Admin/UsersView.vue
index 705cedbd..4b1131aa 100644
--- a/src/pages/Admin/UsersView.vue
+++ b/src/pages/Admin/UsersView.vue
@@ -74,14 +74,17 @@ const supplantUser = async user => {
                 </template>
                 <template #actions>
                     <QBtn
+                        v-if="user.active"
                         icon="people"
                         flat
                         rounded
                         @click="supplantUser(user.name)"
-                        ><QTooltip>
-                            {{ t('Impersonate user') }}
-                        </QTooltip></QBtn
                     >
+                        <QTooltip>
+                            {{ t('Impersonate user') }}
+                        </QTooltip>
+                    </QBtn>
+                    <QBadge v-else color="negative">{{ t('Disabled') }}</QBadge>
                 </template>
             </CardList>
         </QList>