From c4588409d78289bf11561ecf4c64a8cee873e2ba Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Fri, 30 May 2025 17:24:45 +0800
Subject: [PATCH] skeleton loader for users

---
 next-ui/src/pages/server/users.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/next-ui/src/pages/server/users.vue b/next-ui/src/pages/server/users.vue
index afec731f..0982845f 100644
--- a/next-ui/src/pages/server/users.vue
+++ b/next-ui/src/pages/server/users.vue
@@ -1,11 +1,10 @@
 <template>
-  <v-alert
+  <v-empty-state
     v-if="error"
-    type="error"
-    variant="tonal"
-  >
-    Error loading data
-  </v-alert>
+    icon="mdi-connection"
+    :title="$formatMessage(commonMessages.somethingWentWrongTitle)"
+    :text="$formatMessage(commonMessages.somethingWentWrongSubTitle)"
+  />
 
   <template v-else>
     <v-data-table
@@ -133,6 +132,7 @@ import FormUserChangePassword from '@/components/forms/user/FormUserChangePasswo
 import FormUserEdit from '@/components/forms/user/FormUserEdit.vue'
 import type {Component} from 'vue'
 import {useLibraries} from '@/colada/queries/libraries.ts'
+import {commonMessages} from '@/utils/common-messages.ts'
 
 // API data
 const {data: users, error, isLoading, refetch: refetchUsers} = useUsers()