fix

src/features/admin/users/components/UsersTable.vue

@@ -66,11 +66,11 @@
 </template>
 
 <script setup>
+import { ROLES } from '@/enums'
 import { computed, ref } from 'vue'
 import { useQueryClient } from '@tanstack/vue-query'
 import SvgIcon from '@/components/icons/SvgIcon.vue'
 import BaseButton from '@/components/BaseButton.vue'
-import { CHANGEABLE_ROLES, ROLE_LABELS } from '@/enums'
 import DropdownMenu from '@/components/DropdownMenu.vue'
 import { adminUsersKeys, useUpdateAdminUserRoleMutation } from '@/services/query/admin-users'
 
@@ -99,7 +99,8 @@ const roleName = (user) => {
 
 const roleLabel = (user) => {
   const name = roleName(user)
-  return name ? ROLE_LABELS[name] || name : ''
+  if (!name) return ''
+  return ROLES.find((r) => r.value === name)?.label || name
 }
 
 const menuOpen = ref(false)
@@ -146,11 +147,11 @@ const onChangeRole = (targetRoleName) => {
 
 const roleMenuItems = computed(() => {
   const current = activeUser.value ? roleName(activeUser.value) : null
-  return CHANGEABLE_ROLES.filter((r) => r !== current).map((r) => ({
-    key: `role-${r}`,
-    label: `تغییر به ${ROLE_LABELS[r]}`,
+  return ROLES.filter((r) => r.changeable && r.value !== current).map((r) => ({
+    key: `role-${r.value}`,
+    label: `تغییر به ${r.label}`,
     icon: 'arrows-clockwise',
-    onClick: () => onChangeRole(r),
+    onClick: () => onChangeRole(r.value),
   }))
 })