External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix changing many themes quickly bugged out

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-06-22 12:43:37 +02:00
parent 032ba62cbe
commit dc4416880e
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/hooks/use-theme.ts
+7 -5
View File
@@ -4,8 +4,10 @@ import { isAllView, isSubscriptionsView } from '../lib/utils/view-utils';
import useThemeStore from '../stores/use-theme-store'; import useThemeStore from '../stores/use-theme-store';
import useInitialTheme from './use-initial-theme'; import useInitialTheme from './use-initial-theme';
const themeClasses = ['yotsuba', 'yotsuba-b', 'futaba', 'burichan', 'tomorrow', 'photon'];
const updateThemeClass = (newTheme: string) => { const updateThemeClass = (newTheme: string) => {
document.body.classList.remove('yotsuba', 'yotsuba-b', 'futaba', 'burichan', 'tomorrow', 'photon'); document.body.classList.remove(...themeClasses);
if (newTheme) { if (newTheme) {
document.body.classList.add(newTheme); document.body.classList.add(newTheme);
} }
@@ -52,17 +54,17 @@ const useTheme = (): [string, (theme: string) => void] => {
updateThemeClass(themeToSet); updateThemeClass(themeToSet);
}, [initialTheme, location.pathname, params, getTheme, themesLoaded]); }, [initialTheme, location.pathname, params, getTheme, themesLoaded]);
const setSubplebbitTheme = (newTheme: string) => { const setSubplebbitTheme = async (newTheme: string) => {
const subplebbitAddress = params?.subplebbitAddress; const subplebbitAddress = params?.subplebbitAddress;
const isInAllView = isAllView(location.pathname, params); const isInAllView = isAllView(location.pathname, params);
const isInSubscriptionsView = isSubscriptionsView(location.pathname, params); const isInSubscriptionsView = isSubscriptionsView(location.pathname, params);
if (subplebbitAddress) { if (subplebbitAddress) {
setThemeStore(subplebbitAddress, newTheme); await setThemeStore(subplebbitAddress, newTheme);
} else if (isInAllView) { } else if (isInAllView) {
setThemeStore('all', newTheme); await setThemeStore('all', newTheme);
} else if (isInSubscriptionsView) { } else if (isInSubscriptionsView) {
setThemeStore('subscriptions', newTheme); await setThemeStore('subscriptions', newTheme);
} }
setLocalTheme(newTheme); setLocalTheme(newTheme);