From e686638598b344565cd7465c3c20bef0477a8366 Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Tue, 19 Dec 2023 17:39:11 +0300
Subject: [PATCH] feat: show mark as complete only for students

---
 .../lessons/[...lessonParams]/+page.svelte    | 34 ++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/apps/dashboard/src/routes/courses/[id]/lessons/[...lessonParams]/+page.svelte b/apps/dashboard/src/routes/courses/[id]/lessons/[...lessonParams]/+page.svelte
index f2d55e69..29d78c9f 100644
--- a/apps/dashboard/src/routes/courses/[id]/lessons/[...lessonParams]/+page.svelte
+++ b/apps/dashboard/src/routes/courses/[id]/lessons/[...lessonParams]/+page.svelte
@@ -298,22 +298,24 @@
       className="overflow-x-hidden"
     >
       <Materials lessonId={data.lessonId} {mode} {prevMode} {toggleMode} bind:isSaving />
-      <div class="w-full hidden lg:flex flex-row-reverse mt-10">
-        <PrimaryButton
-          onClick={() => markLessonComplete(data.lessonId)}
-          isLoading={isMarkingComplete}
-          isDisabled={isMarkingComplete}
-          variant={VARIANTS.OUTLINED}
-          className="mt-10"
-        >
-          {#if isLessonComplete}
-            <CheckmarkFilledIcon size={24} class="carbon-icon text-primary-600 mr-2" />
-          {:else}
-            <CheckmarkOutlineIcon size={24} class="carbon-icon mr-2" />
-          {/if}
-          Mark as {isLessonComplete ? 'Incomplete' : 'Complete'}
-        </PrimaryButton>
-      </div>
+      {#if isStudent}
+        <div class="w-full hidden lg:flex flex-row-reverse mt-10">
+          <PrimaryButton
+            onClick={() => markLessonComplete(data.lessonId)}
+            isLoading={isMarkingComplete}
+            isDisabled={isMarkingComplete}
+            variant={VARIANTS.OUTLINED}
+            className="mt-10"
+          >
+            {#if isLessonComplete}
+              <CheckmarkFilledIcon size={24} class="carbon-icon text-primary-600 mr-2" />
+            {:else}
+              <CheckmarkOutlineIcon size={24} class="carbon-icon mr-2" />
+            {/if}
+            Mark as {isLessonComplete ? 'Incomplete' : 'Complete'}
+          </PrimaryButton>
+        </div>
+      {/if}
     </PageBody>
   {/if}