course slug improvement

README.md

@@ -4,7 +4,7 @@ The tool every classroom use in collaborating in and outside the class.
 
 ## Why the name?
 
-Initially I set out to build a customizable version of Google Classroom and I knew I wanted this to be a teaching software that can be used anywhere therefore I needed Classroom in the name  just like Google Classroom. As for `IO`, I followed the Google IO conference so closely and, the wording really sounded well to me plus, IO sounded more techy which made me feel that adding it to the name would mean `A Classroom driven by technology`. This made me consider calling it `Classroom` + `IO`, however the domain for classroom.io was taken so I made the IO part of the name thereby giving birth to `ClassroomIO.com` 
+Initially I set out to build a customizable version of Google Classroom and I knew I wanted this to be a teaching software that can be used anywhere therefore I needed Classroom in the name just like Google Classroom. As for `IO`, I followed the Google IO conference so closely and, the wording really sounded well to me plus, IO sounded more techy which made me feel that adding it to the name would mean `A Classroom driven by technology`. This made me consider calling it `Classroom` + `IO`, however the domain for classroom.io was taken so I made the IO part of the name thereby giving birth to `ClassroomIO.com`
 
 ## Why build another LMS?
 
@@ -40,7 +40,6 @@ Note: Make sure you are using Node 18
 PUBLIC_SUPABASE_ANON_KEY=
 PUBLIC_SUPABASE_URL=
 NETLIFY_API_KEY=
-MIXPANEL_TOKEN=
 OPENAI_API_KEY=
 CLOUDFLARE_TOKEN_VALUE=
 CLOUDFLARE_ACCESS_KEY=

src/lib/utils/functions/generateSlug.js

@@ -1,7 +1,7 @@
 function generateSlug(title) {
   return title
     .match(/[^\W\s\d]*/g, '')
-    .join('')
+    .join('-')
     .toLowerCase()
     .concat(`-${new Date().getTime()}`);
 }

src/lib/utils/services/courses/index.ts

@@ -13,8 +13,6 @@ import type {
 import { STATUS } from '$lib/utils/constants/course';
 import type { PostgrestSingleResponse } from '@supabase/supabase-js';
 
-import htmlElements from '$lib/mocks/html/001_html_elements';
-
 export async function fetchCourse(courseId?: Course['id'], slug?: Course['slug']) {
   let match: { slug?: string; id?: string; status?: string } = {};
 

src/routes/courses/[id]/lessons/[...lessonParams]/+page.svelte

@@ -191,7 +191,8 @@
         note: lessonData.note,
         slide_url: lessonData.slide_url
       },
-      lesson_completion
+      lesson_completion,
+      exercises: []
     }));
   }
 
@@ -204,7 +205,7 @@
     mode = mode === MODES.edit ? MODES.view : MODES.edit;
   }
 
-  function handleAppClick(appName) {
+  function handleAppClick(appName: string) {
     $apps.selectedApp = appName;
     $apps.open = true;
   }
@@ -232,7 +233,7 @@
       },
       {
         label: 'Exercises',
-        badgeValue: $lesson.exercises.length,
+        badgeValue: data.isMaterialsTabActive ? $lesson.totalExercises : $lesson.exercises.length,
         isActive: !data.isMaterialsTabActive,
         href: `${path}/exercises`
       }