From b8c99baf0c6e81b997283ce17468c4870ebc4610 Mon Sep 17 00:00:00 2001
From: Alphons Joseph <93847055+Crazypersonalph@users.noreply.github.com>
Date: Sat, 14 Sep 2024 08:40:59 +0800
Subject: [PATCH] load theme upon installing

---
 src/svelte-interface/components/store/ThemeGrid.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/svelte-interface/components/store/ThemeGrid.svelte b/src/svelte-interface/components/store/ThemeGrid.svelte
index 320439b4..c2e3292a 100644
--- a/src/svelte-interface/components/store/ThemeGrid.svelte
+++ b/src/svelte-interface/components/store/ThemeGrid.svelte
@@ -3,6 +3,7 @@
   import ThemeCard from './ThemeCard.svelte';
   import ThemeModal from './ThemeModal.svelte';
   import { StoreDownloadTheme } from '@/seqta/ui/themes/downloadTheme'
+  import { setTheme } from '@/seqta/ui/themes/setTheme';
 
   let { themes, searchTerm } = $props<{ themes: Theme[]; searchTerm: string }>();
   let displayTheme = $state<Theme | null>();
@@ -38,6 +39,9 @@
 
 {#if displayTheme}
   <ThemeModal theme={displayTheme} onClose={() => displayTheme = null} onInstall={() => {
-    StoreDownloadTheme({themeContent: displayTheme as Theme});
+    StoreDownloadTheme({themeContent: displayTheme as Theme}).then(() => {
+      setTheme((displayTheme as Theme).id);
+      displayTheme = null;
+    });
   }} onRemove={() => {}} />
 {/if}