From c753093d711ca09852a97a464897e71f713aa403 Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Mon, 7 Oct 2024 02:41:25 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20issues=20you=20catch=20when=20creating?=
 =?UTF-8?q?=20launch=20demo=20=F0=9F=98=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/lib/components/LMS/SideBar.svelte     |  3 --
 .../components/Org/ProfileMenu/index.svelte   |  1 -
 .../Org/Settings/OrgSettings.svelte           | 30 ++++++++++---------
 3 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/apps/dashboard/src/lib/components/LMS/SideBar.svelte b/apps/dashboard/src/lib/components/LMS/SideBar.svelte
index a890b254..30c115a1 100644
--- a/apps/dashboard/src/lib/components/LMS/SideBar.svelte
+++ b/apps/dashboard/src/lib/components/LMS/SideBar.svelte
@@ -14,7 +14,6 @@
   import { currentOrg } from '$lib/utils/store/org';
   import { ChevronRight } from 'carbon-icons-svelte';
   import ProfileMenu from '$lib/components/Org/ProfileMenu/index.svelte';
-
   interface SideLinks {
     name: string;
     icon: any;
@@ -69,8 +68,6 @@
     }
   ].filter((link) => (link.show ? link.show() : true));
 
-  $: console.log('sideLinks', sideLinks);
-
   const toggleSidebar = () => {
     $sideBar.hidden = !$sideBar.hidden;
   };
diff --git a/apps/dashboard/src/lib/components/Org/ProfileMenu/index.svelte b/apps/dashboard/src/lib/components/Org/ProfileMenu/index.svelte
index 1239b05f..ae1ca04f 100644
--- a/apps/dashboard/src/lib/components/Org/ProfileMenu/index.svelte
+++ b/apps/dashboard/src/lib/components/Org/ProfileMenu/index.svelte
@@ -22,7 +22,6 @@
     align="right-bottom"
     caret={true}
     on:click:outside={({ detail }) => {
-      console.log('on:click:outside');
       $profileMenu.open = !!$profileMenu.ref?.contains(detail.target);
     }}
   >
diff --git a/apps/dashboard/src/lib/components/Org/Settings/OrgSettings.svelte b/apps/dashboard/src/lib/components/Org/Settings/OrgSettings.svelte
index 9d2598c9..f0985ae0 100644
--- a/apps/dashboard/src/lib/components/Org/Settings/OrgSettings.svelte
+++ b/apps/dashboard/src/lib/components/Org/Settings/OrgSettings.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { goto } from '$app/navigation';
+  import debounce from 'lodash/debounce';
   import ColorPicker from 'svelte-awesome-color-picker';
   import { Grid, Row, Column } from 'carbon-components-svelte';
   import FlashFilled from 'carbon-icons-svelte/lib/FlashFilled.svelte';
@@ -38,6 +39,19 @@
     default: ''
   };
 
+  const saveTheme = debounce(async (theme) => {
+    const { error, data } = await supabase
+      .from('organization')
+      .update({ theme })
+      .match({ id: $currentOrg.id });
+
+    console.log('Debounced update theme', data);
+
+    if (error) {
+      snackbar.error('Failed to update theme: ' + error.message);
+    }
+  }, 700);
+
   function handleChangeTheme(t = '') {
     return async () => {
       document.body.className = document.body.className
@@ -51,12 +65,7 @@
 
       setTheme(t);
 
-      const res = await supabase
-        .from('organization')
-        .update({ theme: t })
-        .match({ id: $currentOrg.id });
-
-      console.log('Update theme', res);
+      saveTheme(t);
     };
   }
 
@@ -68,14 +77,7 @@
 
     $currentOrg.theme = hex;
 
-    const { error } = await supabase
-      .from('organization')
-      .update({ theme: hex })
-      .match({ id: $currentOrg.id });
-
-    if (error) {
-      snackbar.error('Failed to update theme: ' + error.message);
-    }
+    saveTheme(hex);
   }
 
   async function handleUpdate() {