apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-06-06 19:35:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(build): moved browser-only code into useEffect

Browse source
This commit is contained in:
takshakmudgal 2025-04-28 16:34:03 +05:30
parent 13c2a2fe8b
commit c854d5b830
1 changed files with 12 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

19
apps/rowboat/app/providers/theme-provider.tsx
View file

@ -15,18 +15,21 @@ type ThemeProviderState = {
}
const ThemeProviderContext = createContext<ThemeProviderState | undefined>(undefined)
const root = window.document.documentElement
export function ThemeProvider({
children,
defaultTheme = 'light',
}: ThemeProviderProps) {
const [theme, setTheme] = useState<Theme>(() => {
const storedTheme = localStorage.getItem("theme")
return storedTheme === 'dark' || storedTheme === 'light' ? storedTheme : defaultTheme
})
const [theme, setTheme] = useState<Theme>(defaultTheme)
useEffect(() => {
const root = document.documentElement
const storedTheme = localStorage.getItem("theme")
if (storedTheme === 'dark' || storedTheme === 'light') {
setTheme(storedTheme)
}
root.classList.remove('light', 'dark')
root.classList.add(theme)
}, [theme])
@ -34,7 +37,9 @@ export function ThemeProvider({
const toggleTheme = () => {
setTheme((prevTheme) => {
const newTheme = prevTheme === 'light' ? 'dark' : 'light'
localStorage.setItem("theme", newTheme)
if (typeof window !== 'undefined') {
localStorage.setItem("theme", newTheme)
}
return newTheme
})
}