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,77 @@
+<script lang="ts">
+  import { Search } from 'carbon-components-svelte';
+  import Tabs from '$lib/components/Tabs/index.svelte';
+  import TabContent from '$lib/components/TabContent/index.svelte';
+  import Courses from '$lib/components/Courses/index.svelte';
+  import { fetchCourses } from '$lib/components/Courses/api';
+  import { profile } from '$lib/utils/store/user';
+  import { currentOrg } from '$lib/utils/store/org';
+  import { courses, courseMetaDeta, coursesComplete } from '$lib/components/Courses/store';
+  import { browser } from '$app/environment';
+
+  const tabs = [
+    {
+      label: 'In progress',
+      value: 1
+    },
+    {
+      label: 'Complete',
+      value: 2
+    }
+  ];
+  let currentTab = tabs[0].value;
+  let hasFetched = false;
+
+  function onChange(tab: 0) {
+    return () => (currentTab = tab);
+  }
+
+  async function getCourses(userId: string | null, orgId: string) {
+    console.log('hasFetched', hasFetched);
+    if (hasFetched || !userId || !orgId) {
+      return;
+    }
+    hasFetched = true;
+    $courseMetaDeta.isLoading = true;
+
+    const coursesResult = await fetchCourses(userId, orgId);
+    console.log(`get courses result`, coursesResult);
+
+    $courseMetaDeta.isLoading = false;
+    if (!coursesResult) return;
+
+    courses.set(coursesResult.allCourses);
+    hasFetched = true;
+  }
+
+  $: if (browser && $profile.id && $currentOrg.id) {
+    getCourses($profile.id, $currentOrg.id);
+  }
+</script>
+
+<section class="max-w-6xl mx-auto">
+  <div class="m-2 md:m-5">
+    <div role="searchbox" class=" bg-gray-100 w-full md:w-[60%] lg:w-[30%]">
+      <Search placeholder="Search courses" class="dark:text-black" />
+    </div>
+    <h1 class="text-3xl font-semibold my-4">My Learning</h1>
+    <Tabs {tabs} {currentTab} {onChange}>
+      <slot:fragment slot="content">
+        <TabContent value={tabs[0].value} index={currentTab}>
+          <Courses
+            courses={$courses}
+            emptyTitle="No Course In progress"
+            emptyDescription="Any course that you start will be displayed here"
+          />
+        </TabContent>
+        <TabContent value={tabs[1].value} index={currentTab}>
+          <Courses
+            courses={$coursesComplete}
+            emptyTitle="No Course Completed"
+            emptyDescription="Any course that you complete will be displayed here"
+          />
+        </TabContent>
+      </slot:fragment>
+    </Tabs>
+  </div>
+</section>