CLASSROOMIO-T-21: Course landing page + editor

src/routes/courses/[id]/landingpage.svelte

@@ -9,8 +9,28 @@
   import CourseLandingPage from '../../../components/CourseLandingPage/index.svelte';
   import Editor from '../../../components/CourseLandingPage/components/Editor/index.svelte';
   import { isMobile } from '../../../utils/store/useMobile';
+  import { profile } from '../../../utils/store/user';
+  import { setCourse, course } from '../../../components/Course/store';
+  import { lessons } from '../../../components/Course/components/Lesson/store/lessons';
+  import { fetchCourse } from '../../../utils/services/courses';
 
   export let courseId;
+
+  let courseData = {};
+
+  async function triggerSetCourse(_profile) {
+    if ($course.id) return;
+    const { data } = await fetchCourse(courseId);
+    setCourse(data);
+  }
+
+  function setCourseData(course, lessons) {
+    courseData = { ...course, lessons };
+  }
+
+  $: triggerSetCourse($profile);
+  $: setCourseData($course, $lessons);
+  $: console.log('courseData changed', courseData);
 </script>
 
 <div
@@ -18,9 +38,9 @@
   in:fly={{ y: 500, duration: 500 }}
   out:fly={{ y: 500, duration: 500 }}
 >
-  <Editor {courseId} />
+  <Editor {courseId} bind:course={courseData} />
   <div class="rightBar" class:isMobile={$isMobile}>
-    <CourseLandingPage />
+    <CourseLandingPage bind:courseData />
   </div>
 </div>