fix: grading input disappears on change #7 (#8)

* fix: grading input disappears on change

* fix: restore mark as complete button

src/lib/components/Course/components/Lesson/functions.ts

@@ -27,9 +27,9 @@ export function generateQuestion(questions) {
 export function getIsLessonComplete(
   completions: LessonCompletion[],
   profileId: string | undefined
-) {
+): boolean {
   if (!Array.isArray(completions)) return false;
-  return completions.find((c) => {
+  return completions.some((c) => {
     return c.is_complete && c.profile_id === profileId;
   });
 }

src/lib/components/Question/CheckboxQuestion/index.svelte

@@ -72,7 +72,7 @@
         </span>
       </svelte:fragment>
     </HtmlRender>
-    <Grade {gradeMax} {grade} {disableGrading} />
+    <Grade {gradeMax} bind:grade {disableGrading} />
   </div>
 
   {#if code}

src/lib/components/Question/Grade.svelte

@@ -5,7 +5,7 @@
   export let grade: number | undefined;
 </script>
 
-{#if typeof grade === 'number'}
+{#if typeof grade !== 'undefined'}
   <div class="flex items-center">
     <TextField
       placeholder="Points"

src/lib/components/Question/RadioQuestion/index.svelte

@@ -66,15 +66,13 @@
   <div class="flex items-center justify-between">
     <HtmlRender className="mt-4">
       <svelte:fragment slot="content">
-        <span
-          class="dark:text-white flex gap-1 {labelClassName} {typeof grade === 'number' && 'w-3/4'}"
-        >
+        <span class="dark:text-white flex items-center gap-1 {labelClassName}">
           <h3>{index}</h3>
           <h3>{title}</h3>
         </span>
       </svelte:fragment>
     </HtmlRender>
-    <Grade {gradeMax} {grade} {disableGrading} />
+    <Grade {gradeMax} bind:grade {disableGrading} />
   </div>
 
   {#if code}

src/lib/components/Question/TextareaQuestion/index.svelte

@@ -44,7 +44,7 @@
         </span>
       </svelte:fragment>
     </HtmlRender>
-    <Grade {gradeMax} {grade} {disableGrading} />
+    <Grade {gradeMax} bind:grade {disableGrading} />
   </div>
 
   {#if code}