feat: 🚀 😃 convert repo into a monorepo 🚀 😃 (#51)

* Merge main into turbo-monrepo * feat: rename apps * feat: remove supbase videos and serve all from project * feat: move supabase to root * feat: update README * docs: update link
2023-11-25 21:56:02 +00:00
parent 03ca379094
commit 41e29014ef
806 changed files with 85853 additions and 5746 deletions
@@ -0,0 +1,58 @@
+<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 { courseMetaDeta } from './store';
+  import type { Course } from '$lib/utils/types';
+  import { appStore } from '$lib/utils/store/app';
+
+  export let courses: Course[] = [];
+  export let emptyTitle = 'No Courses Created';
+  export let emptyDescription =
+    'Share your knowledge with the world by creating engaging courses for your students.';
+
+  function calcProgressRate(progressRate?: number, totalLessons?: number): number {
+    if (!progressRate || !totalLessons) {
+      return 0;
+    }
+
+    return Math.round((progressRate / totalLessons) * 100);
+  }
+</script>
+
+<!-- <CopyCourseModal /> -->
+
+<div class={`w-full ${$courseMetaDeta.isLoading || courses ? 'cards-container' : ''} my-4 mx-auto`}>
+  {#if $courseMetaDeta.isLoading}
+    <CardLoader />
+    <CardLoader />
+    <CardLoader />
+  {:else}
+    {#each courses as courseData}
+      {#key courseData.id}
+        <Card
+          id={courseData.id}
+          bannerImage={courseData.logo || '/images/classroomio-course-img-template.jpg'}
+          title={courseData.title}
+          description={courseData.description}
+          isPublished={courseData.is_published}
+          cost={courseData.cost}
+          currency={courseData.currency}
+          totalLessons={courseData.total_lessons}
+          isLMS={$appStore.isOrgSite}
+          progressRate={calcProgressRate(courseData.progress_rate, courseData.total_lessons)}
+        />
+      {/key}
+    {/each}
+  {/if}
+</div>
+{#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">
+      {emptyDescription}
+    </p>
+  </Box>
+{/if}