From e805bdcd9b68e83769d029633ff2aa30052f3a21 Mon Sep 17 00:00:00 2001
From: Sean Edmunds <sean.edmunds@cottonteam.com>
Date: Tue, 23 Sep 2025 13:19:37 -0500
Subject: [PATCH] Random theme bugfix

---
 src/App.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 915e2c1..24bcf3e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -30,8 +30,14 @@ function App() {
 	const { data: themePlaylists, isFetched: isThemePlaylistsFetched } = useQueryAPI({
 		endpoint: 'api/themePlaylists',
 	});
-	const { theme, setTheme, themeName, handleThemeChange, currentThemePlaylist } =
-		useCommonHooks();
+	const {
+		theme,
+		setTheme,
+		themeName,
+		setThemeName,
+		handleThemeChange,
+		currentThemePlaylist,
+	} = useCommonHooks();
 	const [loaded, setLoaded] = useState<boolean>(false);
 	const overrides = createTheme({
 		primaryColor: 'primary',
@@ -105,7 +111,7 @@ function App() {
 						.themeList,
 				);
 				const filteredThemes = allThemes.filter((t: Theme) => themeList.includes(t.id));
-				setTheme('random');
+				setThemeName('random');
 				handleThemeChange(filteredThemes, false);
 			}
 			setLoaded(true);