fix

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

@@ -14,21 +14,29 @@
         </div>
       </div>
 
-      <Badge v-if="user.status === 'blocked'" variant="danger" size="sm" dot>
-        {{ USER_STATUS.blocked }}
-      </Badge>
+      <div class="users-table__middle">
+        <div class="users-table__date">
+          <span class="users-table__date-label">تاریخ ثبت نام:</span>
+          <span class="users-table__date-value">
+            {{ formatJalaaliDateTime(user.createdAt) || '—' }}
+          </span>
+        </div>
 
-      <button
-        type="button"
-        class="users-table__role-badge"
-        :class="`users-table__role-badge--${roleName(user) || 'unknown'}`"
-        :disabled="updateRoleMutation.isPending.value && activeUser?.id === user.id"
-        @click="onRoleClick($event, user)"
-      >
-        <span class="users-table__role-dot" />
-        <span>{{ roleLabel(user) || 'بدون نقش' }}</span>
-        <SvgIcon name="caret-down" :size="12" color="currentColor" />
-      </button>
+        <button
+          type="button"
+          class="users-table__role-badge"
+          :class="`users-table__role-badge--${roleName(user) || 'unknown'}`"
+          :disabled="updateRoleMutation.isPending.value && activeUser?.id === user.id"
+          @click="onRoleClick($event, user)"
+        >
+          <span class="users-table__role-dot" />
+          <span>{{ roleLabel(user) || 'بدون نقش' }}</span>
+          <SvgIcon name="caret-down" :size="12" color="currentColor" />
+        </button>
+        <Badge v-if="user.status === 'blocked'" variant="danger" size="sm" dot>
+          {{ USER_STATUS.blocked }}
+        </Badge>
+      </div>
 
       <div class="users-table__actions">
         <button
@@ -77,6 +85,7 @@ import { useQueryClient } from '@tanstack/vue-query'
 import SvgIcon from '@/components/icons/SvgIcon.vue'
 import BaseButton from '@/components/BaseButton.vue'
 import DropdownMenu from '@/components/DropdownMenu.vue'
+import { formatJalaaliDateTime } from '@/utils/date-utils'
 import { adminUsersKeys, useUpdateAdminUserRoleMutation } from '@/services/query/admin-users'
 
 defineProps({
@@ -219,10 +228,38 @@ const menuItems = computed(() => {
   }
 
   &__info {
-    flex: 1;
+    flex: 1 1 33%;
     min-width: 0;
   }
 
+  &__middle {
+    display: flex;
+    align-items: center;
+    gap: 0.375rem;
+    flex: 1 1 33%;
+  }
+
+  &__date {
+    background: rgba(107, 107, 107, 5%);
+    padding: 0.25rem 1rem;
+    border-radius: 0.875rem;
+    white-space: nowrap;
+    line-height: 1.5;
+  }
+
+  &__date-label {
+    font-family: var(--font-family-fa);
+    font-weight: 300;
+    font-size: 0.75rem;
+    color: #848484;
+    margin-inline-end: 0.25rem;
+  }
+
+  &__date-value {
+    font-family: var(--font-family-en);
+    font-size: 0.75rem;
+  }
+
   &__name {
     font-family: var(--font-family-fa);
     font-weight: 500;