Fixed ThemePlaylist bug

src/hooks/useCommonHooks.ts

@@ -90,9 +90,9 @@ export function useCommonHooks() {
 
 	const handleThemeChange = (themes: Theme[], save: boolean) => {
 		const enabled = themes
-			.filter((t: Theme) => t.randomEnabled)
+			.filter((t: Theme) => t.randomEnabled === 1)
 			.filter((t: Theme) => t.name !== theme.name);
-		if (enabled.length === 0) {
+		if (enabled.length === 0 && currentThemePlaylist === 'All') {
 			setTheme(themes[0]);
 			save && setThemeName(themes[0].name);
 		} else if (currentThemePlaylist === 'All') {

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

@@ -252,11 +252,13 @@ function ThemePlaylistCard({
 							<ScrollArea h={'255px'} w={'100%'} style={{ zIndex: 2 }}>
 								<Stack gap={4}>
 									{themeList.length > 0 &&
-										themeList.map((item: number) => {
-											return (
-												<ThemeMiniCard key={item} item={item} allThemes={allThemes} />
-											);
-										})}
+										themeList
+											.sort((a: any, b: any) => (a > b ? 1 : -1))
+											.map((item: number) => {
+												return (
+													<ThemeMiniCard key={item} item={item} allThemes={allThemes} />
+												);
+											})}
 								</Stack>
 							</ScrollArea>
 						</>