feat: implement delete confirmation on lesson

apps/dashboard/src/lib/components/Course/components/Lesson/DeleteLessonConfirmation.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+  import Modal from '$lib/components/Modal/index.svelte';
+  import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
+
+  import { VARIANTS } from '$lib/components/PrimaryButton/constants';
+
+  export let lessonTitle: string;
+  export let openDeleteModal = false;
+  export let deleteLesson = () => {};
+
+  async function handleDelete() {
+    deleteLesson();
+    openDeleteModal = false;
+  }
+</script>
+
+<Modal
+  onClose={() => (openDeleteModal = false)}
+  bind:open={openDeleteModal}
+  width="w-96"
+  modalHeading="Delete"
+>
+  <div>
+    <h1 class="dark:text-white text-lg">
+      Are you sure you want to delete: <strong>{lessonTitle}</strong>?
+    </h1>
+
+    <div class="mt-5 flex items-center justify-between">
+      <PrimaryButton
+        className="px-6 py-3"
+        variant={VARIANTS.OUTLINED}
+        label="No"
+        onClick={() => (openDeleteModal = false)}
+      />
+      <PrimaryButton
+        className="px-6 py-3"
+        variant={VARIANTS.OUTLINED}
+        label="Yes"
+        onClick={handleDelete}
+      />
+    </div>
+  </div>
+</Modal>

apps/dashboard/src/lib/components/Course/components/Lesson/store/lessons.ts

@@ -2,6 +2,7 @@ import { writable } from 'svelte/store';
 import type { Writable, Updater } from 'svelte/store';
 import { createLesson, updateLesson, deleteLesson } from '$lib/utils/services/courses';
 import type { Lesson, Course, LessonPage, LessonComment } from '$lib/utils/types';
+import { snackbar } from '$lib/components/Snackbar/store';
 
 export const uploadCourseVideoStore = writable({
   isModalOpen: false
@@ -43,20 +44,20 @@ export function handleAddLesson() {
   }) as Updater<any>);
 }
 
-export function handleDelete(lessonId: Lesson['id']) {
-  return async () => {
-    // Need to implement soft delete
-    if (lessonId) {
-      const { error } = await deleteLesson(lessonId);
+export async function handleDelete(lessonId: Lesson['id'] | undefined) {
+  // Need to implement soft delete
+  if (lessonId) {
+    const { error } = await deleteLesson(lessonId);
 
-      if (error) {
-        return alert('Please delete all exercises first');
-      }
+    if (error) {
+      snackbar.error(error.message);
+      return console.error('Error deleting course', error);
     }
 
     lessons.update((_lessons) => _lessons.filter((lesson) => lesson.id !== lessonId));
-    console.log(`lessonId`, lessonId);
-  };
+  }
+
+  console.log(`lessonId`, lessonId);
 }
 
 export async function handleSaveLesson(lesson: Lesson, course_id: Course['id']) {