Delete a course functionality

src/lib/components/Courses/components/Card/index.svelte

@@ -5,6 +5,7 @@
   import getCurrencyFormatter from '$lib/utils/functions/getCurrencyFormatter';
   import OverflowMenuHorizontalIcon from 'carbon-icons-svelte/lib/OverflowMenuHorizontal.svelte';
   import ArrowRight from 'carbon-icons-svelte/lib/ArrowRight.svelte';
+  // import { deleteCourse } from '$lib/utils/services/courses';
 
   export let bannerImage: string | undefined;
   export let id = '';
@@ -17,6 +18,7 @@
   export let totalLessons = 0;
   export let currency = 'NGN';
   export let isOnLandingPage = false;
+  // export let onDelete = (id: string) => {};
 
   let formatter = getCurrencyFormatter(currency);
 
@@ -37,10 +39,15 @@
       }
       // {
       //   label: 'Delete',
+      //   show: () => role_id === ROLE.TUTOR,
       //   onClick() {
-      //     console.log('Deleting');
-      //   },
-      // },
+      //     (async () => {
+      //       await deleteCourse(id);
+      //       onDelete(id);
+      //       console.log('Deleting');
+      //     })();
+      //   }
+      // }
     ].filter((option) => option.show());
   }
 </script>

src/lib/components/Courses/index.svelte

@@ -1,11 +1,10 @@
-<script>
+<script lang="ts">
   import Box from '../Box/index.svelte';
   import Card from './components/Card/index.svelte';
   import CardLoader from './components/Card/Loader.svelte';
   import CoursesEmptyIcon from '../Icons/CoursesEmptyIcon.svelte';
   import CopyCourseModal from './components/CopyCourseModal/index.svelte';
   import { courses, courseMetaDeta } from './store';
-  import { isMobile } from '$lib/utils/store/useMobile';
 </script>
 
 <CopyCourseModal />

src/lib/components/Courses/store.ts

@@ -1,6 +1,7 @@
 import { writable } from 'svelte/store';
+import type { Course } from '$lib/utils/types';
 
-export const courses = writable([]);
+export const courses = writable<Course[]>([]);
 export const courseMetaDeta = writable({
   isLoading: true
 });