fix: use cookie store for theme as well

This commit is contained in:
Carl-Gerhard Lindesvärd
2025-10-19 21:31:53 +02:00
parent d8a297edf2
commit 87d4ec2f33
3 changed files with 20 additions and 10 deletions

View File

@@ -1,5 +1,6 @@
import { useCookieStore } from '@/hooks/use-cookie-store';
import { mapKeys } from '@openpanel/validation';
import { ScriptOnce } from '@tanstack/react-router';
import { ScriptOnce, useRouteContext } from '@tanstack/react-router';
import { createIsomorphicFn } from '@tanstack/react-start';
import { type ReactNode, createContext, use, useEffect, useState } from 'react';
import { z } from 'zod';
@@ -115,7 +116,10 @@ type ThemeProviderProps = {
children: ReactNode;
};
export function ThemeProvider({ children }: ThemeProviderProps) {
const [userTheme, setUserTheme] = useState<UserTheme>(getStoredUserTheme);
const [userTheme, setUserTheme] = useCookieStore<UserTheme>(
'ui-theme',
'system',
);
useEffect(() => {
if (userTheme !== 'system') return;