fix: user changes

src/features/admin/courses/components/modals/CourseDetailsModal.vue

@@ -1,9 +1,14 @@
 <template>
-  <BasicModal width="95%" max-width="80rem" min-width="auto" :show-close-button="true">
+  <BasicModal
+    title="جزئیات دوره"
+    title-en="details"
+    width="95%"
+    max-width="80rem"
+    min-width="auto"
+    :show-close-button="true"
+  >
     <template #default="{ close }">
       <div class="course-details">
-        <LineTitleBlock title="جزئیات دوره" title-en="details" />
-
         <SkeletonLoaderBlock v-if="isLoading" :rows="3" :cols-per-row="1" />
 
         <template v-else-if="course">
@@ -14,14 +19,6 @@
             </div>
             <div class="course-details__grid">
               <LineInfoBlock title="عنوان دوره" :desc="course.title || '—'" />
-              <LineInfoBlock
-                title="تاریخ شروع"
-                :numeric-desc="course.faStartDate || formatJalaaliDate(course.startDate) || '—'"
-              />
-              <LineInfoBlock
-                title="تاریخ پایان"
-                :numeric-desc="course.faEndDate || formatJalaaliDate(course.endDate) || '—'"
-              />
               <LineInfoBlock title="تعداد جلسات" :numeric-desc="course.sessionsCount ?? 0" />
               <LineInfoBlock title="پیش‌نیاز دوره" :desc="teacherName" />
             </div>
@@ -30,12 +27,8 @@
           <div v-if="course.description" class="course-details__description">
             <LineInfoBlock title="توضیحات دوره" :desc="course.description" />
           </div>
-        </template>
 
-        <NoItems v-else title="یافت نشد" desc="اطلاعات این دوره در دسترس نیست." />
-
-        <TabsBlock v-if="course" :tabs="tabs" v-model="activeTab">
-          <template #sessions>
+          <section class="course-details__sessions">
             <div class="course-details__panel-header">
               <LineTitleBlock title="لیست جلسات" title-en="Sessions" />
               <BaseButton
@@ -60,70 +53,10 @@
               :pagination="sessionsPaginationMeta"
               @update:page="setSessionsPage"
             />
-          </template>
+          </section>
+        </template>
 
-          <template #students>
-            <div class="course-details__panel-header">
-              <LineTitleBlock title="دانشجویان" title-en="Students" />
-              <BaseButton
-                text="افزودن دانشجو به این دوره"
-                custom-class="course-details__panel-btn"
-                @click="onOpenAddStudent"
-              >
-                <template #appendIcon>
-                  <SvgIcon name="arrow-left" :size="16" color="#fff" />
-                </template>
-              </BaseButton>
-            </div>
-
-            <SkeletonLoaderBlock v-if="studentsPending" :rows="4" :cols-per-row="1" />
-            <div v-else-if="students.length > 0">
-              <div
-                v-for="student in students"
-                :key="student.id"
-                class="course-details__student-row"
-              >
-                <div class="course-details__student-main">
-                  <div v-if="studentAvatar(student)" class="course-details__avatar">
-                    <img :src="studentAvatar(student)" :alt="student.name" />
-                  </div>
-                  <div v-else class="course-details__avatar course-details__avatar--placeholder">
-                    <SvgIcon name="user" :size="20" color="#bcbcbc" />
-                  </div>
-                  <div>
-                    <p class="course-details__student-name">{{ student.name || '—' }}</p>
-                    <p class="course-details__student-meta">
-                      <span dir="ltr">{{ student.phone || '—' }}</span>
-                      <template v-if="student.email">
-                        <span class="course-details__sep">،</span>
-                        <span dir="ltr">{{ student.email }}</span>
-                      </template>
-                    </p>
-                  </div>
-                </div>
-                <div v-if="student.phone" class="course-details__student-actions">
-                  <CircleButton
-                    tooltip="ارسال پیام"
-                    bg-color="rgba(104, 104, 104, 0.05)"
-                    size="2.25rem"
-                    @click="onMessageStudent(student)"
-                  >
-                    <template #icon>
-                      <SvgIcon name="chat" :size="16" color="var(--color-sec-gray)" />
-                    </template>
-                  </CircleButton>
-                </div>
-              </div>
-            </div>
-            <NoItems v-else title="بدون دانشجو" desc="دانشجویی به این دوره اضافه نشده است." />
-
-            <PaginationBlock
-              v-if="studentsPaginationMeta.lastPage > 1"
-              :pagination="studentsPaginationMeta"
-              @update:page="setStudentsPage"
-            />
-          </template>
-        </TabsBlock>
+        <NoItems v-else title="یافت نشد" desc="اطلاعات این دوره در دسترس نیست." />
 
         <div class="course-details__divider" />
 
@@ -140,26 +73,20 @@
 </template>
 
 <script setup>
-import { computed, ref } from 'vue'
+import { computed } from 'vue'
 import useModal from '@/composables/useModal'
 import BasicModal from '@/components/BasicModal.vue'
 import BaseButton from '@/components/BaseButton.vue'
 import SvgIcon from '@/components/icons/SvgIcon.vue'
 import NoItems from '@/components/blocks/NoItems.vue'
-import { formatJalaaliDate } from '@/utils/date-utils'
-import CircleButton from '@/components/CircleButton.vue'
-import TabsBlock from '@/components/blocks/TabsBlock.vue'
 import { usePagination } from '@/composables/usePagination'
 import LineTitleBlock from '@/components/LineTitleBlock.vue'
 import LineInfoBlock from '@/components/blocks/LineInfoBlock.vue'
+import { useAdminCourseQuery } from '@/services/query/admin-courses'
 import PaginationBlock from '@/components/blocks/PaginationBlock.vue'
+import { useAdminSessionsListQuery } from '@/services/query/admin-sessions'
 import SkeletonLoaderBlock from '@/components/blocks/SkeletonLoaderBlock.vue'
 import CourseSessionItem from '@/features/admin/courses/components/CourseSessionItem.vue'
-import {
-  useAdminCourseQuery,
-  useAdminCourseSessionsQuery,
-  useCourseAttendeesQuery,
-} from '@/services/query/admin-courses'
 
 defineOptions({ name: 'CourseDetailsModal' })
 
@@ -178,24 +105,17 @@ const teacherName = computed(() => {
   return `${t.firstName || ''} ${t.lastName || ''}`.trim() || t.fullName || '—'
 })
 
-const tabs = [
-  { name: 'sessions', label: 'لیست جلسات', icon: 'list-bullets' },
-  { name: 'students', label: 'دانشجویان', icon: 'users' },
-]
-const activeTab = ref('sessions')
-
-const sessionsFilters = ref({})
+const sessionsFilters = computed(() => ({ courseId: courseId.value }))
 const { pagination: sessionsPagination, setPage: setSessionsPage } = usePagination({
   page: 1,
   perPage: 10,
 })
 
-const { data: sessionsData, isLoading: sessionsPending } = useAdminCourseSessionsQuery(
-  courseId,
+const { data: sessionsData, isLoading: sessionsPending } = useAdminSessionsListQuery(
   sessionsFilters,
   sessionsPagination,
   {
-    enabled: () => !!courseId.value && activeTab.value === 'sessions',
+    enabled: () => !!courseId.value,
     keepPreviousData: true,
   }
 )
@@ -207,43 +127,9 @@ const sessionsPaginationMeta = computed(() => ({
   ...sessionsData.value?.meta,
 }))
 
-const studentsFilters = ref({})
-const { pagination: studentsPagination, setPage: setStudentsPage } = usePagination({
-  page: 1,
-  perPage: 10,
-})
-
-const { data: studentsData, isLoading: studentsPending } = useCourseAttendeesQuery(
-  courseId,
-  studentsFilters,
-  studentsPagination,
-  {
-    enabled: () => !!courseId.value && activeTab.value === 'students',
-    keepPreviousData: true,
-  }
-)
-
-const students = computed(() => studentsData.value?.data ?? [])
-const studentsPaginationMeta = computed(() => ({
-  page: studentsPagination.value.page,
-  perPage: studentsPagination.value.perPage,
-  ...studentsData.value?.meta,
-}))
-
-const studentAvatar = (student) => student.avatarUrl || student.avatarDownloadUrl || ''
-
 const onOpenAddSession = () => {
   openModal('AddSessionToCourseModal', { courseId: courseId.value })
 }
-
-const onOpenAddStudent = () => {
-  openModal('AddCourseStudentModal', { courseId: courseId.value })
-}
-
-const onMessageStudent = (student) => {
-  if (!student?.phone) return
-  window.location.href = `sms:${student.phone}`
-}
 </script>
 
 <style lang="scss" scoped>
@@ -299,6 +185,10 @@ const onMessageStudent = (student) => {
     margin-block: 0.5rem 1rem;
   }
 
+  &__sessions {
+    margin-top: 0.5rem;
+  }
+
   &__panel-header {
     display: flex;
     align-items: center;
@@ -312,74 +202,6 @@ const onMessageStudent = (student) => {
     margin-inline-start: auto;
   }
 
-  &__student-row {
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-    padding: 0.625rem 0.875rem;
-    background: rgba(255, 255, 255, 85%);
-    border-radius: 0.875rem;
-    box-shadow: 0 4px 10px -6px rgba(241, 241, 241, 70%);
-    margin-bottom: 0.5rem;
-  }
-
-  &__student-main {
-    display: flex;
-    align-items: center;
-    gap: 0.625rem;
-    flex: 1;
-    min-width: 0;
-  }
-
-  &__avatar {
-    width: 2.5rem;
-    height: 2.5rem;
-    border-radius: 9999px;
-    overflow: hidden;
-    border: 1px solid #eee;
-    flex-shrink: 0;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-
-    &--placeholder {
-      background: #f5f5f5;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border: none;
-    }
-  }
-
-  &__student-name {
-    font-family: var(--font-family-fa);
-    font-size: 0.95rem;
-    color: #4b4b4b;
-    margin: 0 0 0.25rem;
-  }
-
-  &__student-meta {
-    font-family: var(--font-family-fa);
-    font-size: 0.75rem;
-    font-weight: 300;
-    color: #848484;
-    margin: 0;
-  }
-
-  &__sep {
-    color: #c4c4c4;
-    margin-inline: 0.25rem;
-  }
-
-  &__student-actions {
-    display: flex;
-    align-items: center;
-    gap: 0.375rem;
-  }
-
   &__divider {
     border-block-end: 1px solid var(--color-thd-gray);
     margin-block: 1.5rem;