54 lines
1.2 KiB
TypeScript
54 lines
1.2 KiB
TypeScript
import { colorPrimary } from '@/config/theme';
|
|
import { atom } from 'jotai';
|
|
import { atomWithStorage } from 'jotai/utils';
|
|
|
|
type UserSettings = {
|
|
theme: 'light' | 'realDark';
|
|
mode: 'light' | 'realDark' | 'auto';
|
|
colorPrimary: string;
|
|
isDarkTheme: boolean;
|
|
};
|
|
|
|
const defaultSettings: UserSettings = {
|
|
theme: 'light',
|
|
mode: 'auto',
|
|
isDarkTheme: false,
|
|
colorPrimary: colorPrimary
|
|
};
|
|
|
|
export const getStorageUserSettings = () => {
|
|
if (typeof window === 'undefined') return defaultSettings;
|
|
try {
|
|
const savedSettings = JSON.parse(
|
|
localStorage.getItem('userSettings') || '{}'
|
|
);
|
|
return {
|
|
...defaultSettings,
|
|
...savedSettings
|
|
};
|
|
} catch {
|
|
return defaultSettings;
|
|
}
|
|
};
|
|
|
|
export const userSettingsAtom = atomWithStorage<UserSettings>(
|
|
'userSettings',
|
|
defaultSettings
|
|
);
|
|
|
|
export const userSettingsHelperAtom = atom(
|
|
(get) => get(userSettingsAtom),
|
|
(get, set, update: Partial<UserSettings>) => {
|
|
const prev = get(userSettingsAtom);
|
|
const newSettings = {
|
|
...prev,
|
|
...(update || {})
|
|
};
|
|
set(userSettingsAtom, {
|
|
...newSettings,
|
|
colorPrimary: newSettings.colorPrimary || colorPrimary,
|
|
isDarkTheme: newSettings.theme === 'realDark'
|
|
});
|
|
}
|
|
);
|