shakespeare.diy
34 lines
1.1 KiB
TypeScript
34 lines
1.1 KiB
TypeScript
import { type Theme } from "@/contexts/AppContext";
|
|
import { useAppContext } from "@/hooks/useAppContext";
|
|
import { useEncryptedSettings } from "@/hooks/useEncryptedSettings";
|
|
import { useCurrentUser } from "@/hooks/useCurrentUser";
|
|
|
|
/**
|
|
* Hook to get and set the active theme
|
|
* @returns Theme context with theme and setTheme
|
|
*/
|
|
export function useTheme(): { theme: Theme; setTheme: (theme: Theme) => void } {
|
|
const { config, updateConfig } = useAppContext();
|
|
const { updateSettings } = useEncryptedSettings();
|
|
const { user } = useCurrentUser();
|
|
|
|
return {
|
|
theme: config.theme,
|
|
setTheme: (theme: Theme) => {
|
|
// Update local immediately
|
|
updateConfig((currentConfig) => ({
|
|
...currentConfig,
|
|
theme,
|
|
}));
|
|
|
|
// Sync to encrypted storage after 2 seconds to let theme fully apply
|
|
if (user) {
|
|
setTimeout(() => {
|
|
updateSettings.mutateAsync({ theme }).catch((error) => {
|
|
console.error('Failed to sync theme to encrypted storage:', error);
|
|
});
|
|
}, 2000);
|
|
}
|
|
}
|
|
}
|
|
} |