From 5f119ac787eaa5548be3f6896e695d403e25fa88 Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Thu, 10 Aug 2023 22:53:40 +0100
Subject: [PATCH] CLASSROOMIO-T-95: Cleanup + Embed Muse AI video

---
 .../Lesson/Materials/Transcript.svelte        | 25 -------------------
 .../components/Lesson/Materials/index.svelte  | 11 ++++++++
 src/lib/components/Org/SideBar.svelte         |  9 ++++---
 3 files changed, 17 insertions(+), 28 deletions(-)
 delete mode 100644 src/lib/components/Course/components/Lesson/Materials/Transcript.svelte

diff --git a/src/lib/components/Course/components/Lesson/Materials/Transcript.svelte b/src/lib/components/Course/components/Lesson/Materials/Transcript.svelte
deleted file mode 100644
index 74746667..00000000
--- a/src/lib/components/Course/components/Lesson/Materials/Transcript.svelte
+++ /dev/null
@@ -1,25 +0,0 @@
-<script>
-  import { Accordion, AccordionItem } from 'carbon-components-svelte';
-</script>
-
-<Accordion>
-  <AccordionItem title="Natural Language Classifier">
-    <p>
-      Natural Language Classifier uses advanced natural language processing and machine learning
-      techniques to create custom classification models. Users train their data and the service
-      predicts the appropriate category for the inputted text.
-    </p>
-  </AccordionItem>
-  <AccordionItem title="Natural Language Understanding">
-    <p>
-      Analyze text to extract meta-data from content such as concepts, entities, emotion, relations,
-      sentiment and more.
-    </p>
-  </AccordionItem>
-  <AccordionItem title="Language Translator">
-    <p>
-      Translate text, documents, and websites from one language to another. Create industry or
-      region-specific translations via the service's customization capability.
-    </p>
-  </AccordionItem>
-</Accordion>
diff --git a/src/lib/components/Course/components/Lesson/Materials/index.svelte b/src/lib/components/Course/components/Lesson/Materials/index.svelte
index 22f0d7b2..f94e8dfe 100644
--- a/src/lib/components/Course/components/Lesson/Materials/index.svelte
+++ b/src/lib/components/Course/components/Lesson/Materials/index.svelte
@@ -265,6 +265,17 @@
                       allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                       allowfullscreen
                     />
+                  {:else if video.metadata?.svid}
+                    <div style="position:relative;padding-bottom:51.416579%">
+                      <iframe
+                        src="https://muse.ai/embed/{video.metadata
+                          ?.svid}?logo=https://app.classroomio.com/logo-512.png&volume=0&subtitles=auto&cover_play_position=center"
+                        style="width:100%;height:100%;position:absolute;left:0;top:0"
+                        frameborder="0"
+                        allowfullscreen
+                        title="Muse AI Video Embed"
+                      />
+                    </div>
                   {:else}
                     <video class="plyr-video-trigger" playsinline controls>
                       <source src={video.link} type="video/mp4" />
diff --git a/src/lib/components/Org/SideBar.svelte b/src/lib/components/Org/SideBar.svelte
index 489409b8..a368087f 100644
--- a/src/lib/components/Org/SideBar.svelte
+++ b/src/lib/components/Org/SideBar.svelte
@@ -82,13 +82,16 @@
               ) && activeClass}"
             >
               {#if menuItem.path === ''}
-                <HomeIcon />
+                <HomeIcon color="#7A797D" />
               {:else if menuItem.path === '/courses'}
-                <CourseIcon />
+                <CourseIcon color="#7A797D" />
               {:else if menuItem.path === '/site'}
                 <SiteSettingsIcon />
               {:else if menuItem.path === '/community'}
-                <ForumIcon size={20} class="carbon-icon dark:text-white" />
+                <ForumIcon
+                  size={24}
+                  class="carbon-icon dark:text-white fill-[#7A797D] dark:fill-[#fff]"
+                />
               {:else if menuItem.path === '/quiz'}
                 <QuizIcon />
               {:else if menuItem.path === '/audience'}