CLASSROOMIO-T-180: LMS dashboard improvements

src/routes/lms/mylearning/+page.svelte

@@ -1,14 +1,9 @@
 <script lang="ts">
   import { Search } from 'carbon-components-svelte';
-  import Completed from '$lib/components/LMS/components/Completed.svelte';
-  import { courseInProgress } from '$lib/components/LMS/components/store';
   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 { courses, courseMetaDeta } from '$lib/components/Courses/store';
-  import { profile } from '$lib/utils/store/user';
-  import { fetchCourses } from '$lib/components/Courses/api';
-  import { currentOrg } from '$lib/utils/store/org';
+  import { courses } from '$lib/components/Courses/store';
 
   const tabs = [
     {
@@ -21,29 +16,11 @@
     }
   ];
   let currentTab = tabs[0].value;
-  let hasFetched = false;
 
   const onChange =
     (tab = 0) =>
     () =>
       (currentTab = tab);
-
-  async function getCourses(userId: string | null, orgId: string) {
-    if (!hasFetched) {
-      $courseMetaDeta.isLoading = true;
-
-      const coursesResult = await fetchCourses(userId, orgId);
-      console.log(`coursesResult`, coursesResult);
-
-      $courseMetaDeta.isLoading = false;
-      if (!coursesResult) return;
-
-      courses.set(coursesResult.allCourses);
-      hasFetched = true;
-    }
-  }
-
-  $: getCourses($profile.id, $currentOrg.id);
 </script>
 
 <section class="max-w-6xl mx-auto">
@@ -58,7 +35,7 @@
           <Courses courses={$courses} />
         </TabContent>
         <TabContent value={tabs[1].value} index={currentTab}>
-          <Completed />
+          <Courses courses={[]} />
         </TabContent>
       </slot:fragment>
     </Tabs>