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

feat(theme): add halloween special theme

Browse Source
This commit is contained in:
Tommaso Casaburi
2026-05-29 17:45:18 +07:00
parent e082c7b428
commit 0469f61a45
14 changed files with 301 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/style-selector/style-selector.tsx
+5 -7
View File
@@ -1,27 +1,25 @@
import { useEffect } from 'react';
import useTheme from '../../hooks/use-theme';
import useSpecialThemeStore from '../../stores/use-special-theme-store';
import { isChristmas } from '../../lib/utils/time-utils';
import { getActiveSpecialTheme } from '../../lib/utils/time-utils';
import styles from './style-selector.module.css';
const StyleSelector = () => {
const [theme, setTheme] = useTheme();
const { isEnabled, setIsEnabled } = useSpecialThemeStore();
const isChristmasTime = isChristmas();
const activeSpecialTheme = getActiveSpecialTheme();
useEffect(() => {
if (!isChristmasTime && isEnabled) {
if (!activeSpecialTheme && isEnabled) {
setIsEnabled(false);
setTheme('tomorrow');
}
}, [isChristmasTime, isEnabled, setIsEnabled, setTheme]);
}, [activeSpecialTheme, isEnabled, setIsEnabled]);
const handleThemeChange = (e: React.ChangeEvent<HTMLSelectElement>) => {
const newTheme = e.target.value;
if (newTheme === 'special') {
setIsEnabled(true);
setTheme('tomorrow');
} else {
setIsEnabled(false);
setTheme(newTheme);
@@ -36,7 +34,7 @@ const StyleSelector = () => {
<option value='burichan'>Burichan</option>
<option value='tomorrow'>Tomorrow</option>
<option value='photon'>Photon</option>
{isChristmasTime && <option value='special'>Special</option>}
{activeSpecialTheme && <option value='special'>Special</option>}
</select>
);
};