From 1d58334e4ed7f0346a3f417d40622c09a1ee693f Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Thu, 2 Nov 2023 19:12:05 +1100
Subject: [PATCH] fixed issues with selected type conflicting

---
 interface/src/components/ThemeSelector.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/interface/src/components/ThemeSelector.tsx b/interface/src/components/ThemeSelector.tsx
index f15cd4aa..8a67a305 100644
--- a/interface/src/components/ThemeSelector.tsx
+++ b/interface/src/components/ThemeSelector.tsx
@@ -65,8 +65,6 @@ const ThemeSelector = ({ selectedType, setSelectedType, isEditMode }: ThemeSelec
       stopLoading(themeName);
       return;
     }
-
-    console.log("Theme: ", theme);
   
     // If theme is downloaded and is the currently enabled theme, disable it.
     if (theme.isDownloaded && themeName === enabledThemeName) {
@@ -95,7 +93,13 @@ const ThemeSelector = ({ selectedType, setSelectedType, isEditMode }: ThemeSelec
     }
   
     stopLoading(themeName);
-  };  
+  };
+
+  useEffect(() => {
+    if (selectedType === 'background') {
+      setEnabledThemeName('');
+    }
+  }, [selectedType]);
 
   return (
     <div className="my-2">