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,89 @@
+<script lang="ts">
+  import { Moon } from 'svelte-loading-spinners';
+  import { browser } from '$app/environment';
+  import Navigation from '../Course/components/Navigation/index.svelte';
+  import Backdrop from '$lib/components/Backdrop/index.svelte';
+  import { course, group, setCourse, defaultCourse } from '../Course/store';
+  import Confetti from '../Confetti/index.svelte';
+  import { isMobile } from '$lib/utils/store/useMobile';
+  import { profile } from '$lib/utils/store/user';
+  import { apps } from '$lib/components/Apps/store';
+  import { fetchCourse } from '$lib/utils/services/courses';
+
+  export let courseId = '';
+  export let path = '';
+  export let isExercisePage = false;
+  export let isStudent = false;
+  export let isFetching = false;
+
+  let prevCourseId = '';
+
+  async function onCourseIdChange(courseId = '') {
+    console.log('courseid changed', courseId);
+    if (!courseId || prevCourseId === courseId || !browser || $course.id === courseId) return;
+
+    console.log('making request', courseId);
+    isFetching = true;
+    course.set(defaultCourse);
+
+    const { data: _data } = await fetchCourse(courseId);
+
+    if (_data) {
+      setCourse(_data);
+    }
+
+    isFetching = false;
+    prevCourseId = courseId;
+  }
+
+  function filterPollsByStatus(shouldFilter: boolean) {
+    if (!shouldFilter) return;
+
+    $course.polls = $course.polls.filter((poll) => poll.status === 'published');
+  }
+
+  $: onCourseIdChange(courseId);
+
+  $: {
+    const user = $group.people.find((person) => person.profile_id === $profile.id);
+
+    if (user) {
+      isStudent = user.role_id === 3;
+      $apps.isStudent = isStudent;
+
+      filterPollsByStatus(isStudent);
+    }
+  }
+</script>
+
+<svelte:head>
+  <title>{$course.title || 'ClassroomIO Course'}</title>
+</svelte:head>
+
+{#if isFetching}
+  <Backdrop>
+    <Moon size="60" color="#1d4ed8" unit="px" duration="1s" />
+  </Backdrop>
+{/if}
+
+<div class="root">
+  <Navigation {path} {isStudent} />
+  <div class="rightBar" class:isMobile={$isMobile}>
+    {#if isExercisePage}
+      <Confetti />
+    {/if}
+    <slot />
+  </div>
+</div>
+
+<style>
+  .root {
+    display: flex;
+    width: 100%;
+  }
+
+  .rightBar {
+    flex-grow: 1;
+    width: calc(100% - 360px);
+  }
+</style>