fix

src/features/admin/courses/pages/CoursesListPage.vue

@@ -17,26 +17,6 @@
       @reset="onFilterReset"
     />
 
-    <div class="courses-page__list-header">
-      <SimpleTitleIconBlock
-        :title="activeTab === 'templates' ? 'لیست دوره‌های الگو' : 'لیست دوره‌های ارائه شده'"
-        class="courses-page__list-title"
-      >
-        <template #header-icon>
-          <SvgIcon name="list-bullets" :size="16" color="#bcbcbc" />
-        </template>
-      </SimpleTitleIconBlock>
-      <BaseButton
-        :text="activeTab === 'templates' ? 'افزودن دوره الگو' : 'افزودن دوره ارائه شده'"
-        custom-class="courses-page__add-btn"
-        @click="onAdd"
-      >
-        <template #appendIcon>
-          <SvgIcon name="plus" :size="18" color="#fff" />
-        </template>
-      </BaseButton>
-    </div>
-
     <TabsBlock :tabs="tabs" v-model="activeTab" @change-tab="onTabChange">
       <template #templates>
         <SkeletonLoaderBlock v-if="templatesPending" :rows="6" :cols-per-row="1" />
@@ -85,7 +65,6 @@ import { computed, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import useModal from '@/composables/useModal'
 import { useQueryClient } from '@tanstack/vue-query'
-import BaseButton from '@/components/BaseButton.vue'
 import SvgIcon from '@/components/icons/SvgIcon.vue'
 import NoItems from '@/components/blocks/NoItems.vue'
 import TabsBlock from '@/components/blocks/TabsBlock.vue'
@@ -94,7 +73,6 @@ import PaginationBlock from '@/components/blocks/PaginationBlock.vue'
 import CourseItem from '@/features/admin/courses/components/CourseItem.vue'
 import BoxedIconTitleBlock from '@/components/blocks/BoxedIconTitleBlock.vue'
 import SkeletonLoaderBlock from '@/components/blocks/SkeletonLoaderBlock.vue'
-import SimpleTitleIconBlock from '@/components/blocks/SimpleTitleIconBlock.vue'
 import CoursesFilters from '@/features/admin/courses/components/CoursesFilters.vue'
 import CourseDetailsModal from '@/features/admin/courses/components/modals/CourseDetailsModal.vue'
 import AddOfferedCourseModal from '@/features/admin/courses/components/modals/AddOfferedCourseModal.vue'
@@ -117,9 +95,31 @@ const router = useRouter()
 const queryClient = useQueryClient()
 const { openModal, isModal } = useModal()
 
+const onAdd = () => {
+  if (activeTab.value === 'templates') {
+    router.push({ name: 'admin-add-course-template' }).catch(() => {})
+  } else {
+    openModal('AddOfferedCourseModal', { mode: 'add' })
+  }
+}
+
 const tabs = [
-  { name: 'templates', label: 'دوره‌های الگو', icon: 'list-bullets' },
-  { name: 'offered', label: 'دوره‌های ارائه شده', icon: 'list-bullets' },
+  {
+    name: 'templates',
+    label: 'دوره‌های الگو',
+    icon: 'list-bullets',
+    hasButton: true,
+    textButton: 'افزودن دوره الگوی جدید',
+    buttonAction: onAdd,
+  },
+  {
+    name: 'offered',
+    label: 'دوره‌های ارائه شده',
+    icon: 'list-bullets',
+    hasButton: true,
+    textButton: 'افزودن دوره ارائه شده جدید',
+    buttonAction: onAdd,
+  },
 ]
 const activeTab = ref('templates')
 
@@ -188,14 +188,6 @@ const onFilterApply = () => {
 }
 const onFilterReset = onFilterApply
 
-const onAdd = () => {
-  if (activeTab.value === 'templates') {
-    router.push({ name: 'admin-add-course-template' }).catch(() => {})
-  } else {
-    openModal('AddOfferedCourseModal', { mode: 'add' })
-  }
-}
-
 const onEditTemplate = (course) => {
   router.push({ name: 'admin-edit-course-template', params: { id: course.id } }).catch(() => {})
 }
@@ -261,22 +253,5 @@ const onChangeOfferedStatus = ({ id, isActive }) => {
   &__heading {
     margin-bottom: 0.75rem;
   }
-
-  &__list-header {
-    display: flex;
-    align-items: center;
-    gap: 0.625rem;
-    margin-bottom: 0.375rem;
-  }
-
-  &__list-title {
-    flex: 1;
-    margin-bottom: 0;
-  }
-
-  &__add-btn {
-    min-width: fit-content;
-    padding: 0 1.25rem;
-  }
 }
 </style>