feat: implement invite, delete and share actions on course card. #513

apps/dashboard/src/lib/components/Courses/index.svelte

@@ -32,7 +32,7 @@
 
 <!-- <CopyCourseModal /> -->
 
-<div class={`w-full my-4 mx-auto`}>
+<div class="mx-auto my-4 w-full">
   {#if $courseMetaDeta.isLoading}
     <section class={`${$courseMetaDeta.isLoading || courses ? 'cards-container' : ''} `}>
       <CardLoader />
@@ -79,7 +79,7 @@
       </StructuredListBody>
     </StructuredList>
   {:else}
-    <section class={`${$courseMetaDeta.isLoading || courses ? 'cards-container' : ''} `}>
+    <section class={`relative ${$courseMetaDeta.isLoading || courses ? 'cards-container' : ''} `}>
       {#each courses as courseData}
         {#key courseData.id}
           <Card
@@ -89,7 +89,6 @@
             title={courseData.title}
             description={courseData.description}
             isPublished={courseData.is_published}
-            cost={courseData.cost}
             type={courseData.type}
             currency={courseData.currency}
             totalLessons={courseData.total_lessons}
@@ -106,8 +105,8 @@
 {#if !$courseMetaDeta.isLoading && !courses.length}
   <Box className="w-full">
     <CoursesEmptyIcon />
-    <h3 class="dark:text-white text-2xl my-5">{emptyTitle}</h3>
-    <p class="dark:text-white w-1/3 text-center">
+    <h3 class="my-5 text-2xl dark:text-white">{emptyTitle}</h3>
+    <p class="w-1/3 text-center dark:text-white">
       {emptyDescription}
     </p>
   </Box>