Bug fixes

src/pages/homepage/components/SettingsButton/SettingsButton.tsx

@@ -77,7 +77,7 @@ function SettingsButton() {
 			body: selectedClient || wolClientData?.[0],
 		});
 	};
-
+	console.log(themePlaylistData);
 	useEffect(() => {
 		if (appCategoryData) {
 			const list: [any] = appCategoryData.map((category: AppCategory) => {
@@ -295,14 +295,29 @@ function SettingsButton() {
 									placeholder='Pick a playlist...'
 									value={currentThemePlaylist}
 									data={[
-										'All',
+										{ value: 'All', label: 'All' },
-										'Backgrounds',
+										{
-										'No Backgrounds',
+											value: 'Backgrounds',
+											label: 'Backgrounds',
+											disabled:
+												allThemes.filter(
+													(a: any) => !a.backgroundImage.toLowerCase().includes('none'),
+												).length === 0,
+										},
+										{
+											value: 'No Backgrounds',
+											label: 'No Backgrounds',
+											disabled:
+												allThemes.filter(
+													(a: any) => !a.backgroundImage.toLowerCase().includes('none'),
+												).length !== 0,
+										},
 										...(themePlaylistData
 											?.map((playlist: ThemePlaylist) => {
 												return {
 													value: playlist.name,
 													label: playlist.name,
+													disabled: JSON.parse(playlist.themeList).length === 0,
 												};
 											})
 											.toSorted((a: ComboboxItem, b: ComboboxItem) =>

src/pages/settings/components/Shared/NoItemsFound.tsx

@@ -6,8 +6,8 @@ function NoItemsFound() {
 		<Card
 			className={cardClasses.settingsItem}
 			classNames={cardClasses}
-			w={'50%'}
+			w={'40rem'}
-			h={'100%'}
+			h={'10rem'}
 			p={'xl'}
 			m={'xl'}
 			style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}

src/pages/settings/components/Theming/ThemePlaylistCard.tsx

@@ -141,6 +141,7 @@ function ThemePlaylistCard({
 					setCurrentThemePlaylist(cardPlaylist.name);
 					setThemeName('random');
 				}}
+				disabled={themeList.length === 0}
 			>
 				{hover && <Overlay opacity={0.5} zIndex={1} />}
 				<Stack h={'100%'} w={'100%'} align='center' mt={'.75rem'}>