Files
Reactive-Resume/apps/client/src/providers/theme.tsx
2023-11-05 12:31:42 +01:00

19 lines
441 B
TypeScript

import { useTheme } from "@reactive-resume/hooks";
import { useEffect } from "react";
type Props = { children: React.ReactNode };
export const ThemeProvider = ({ children }: Props) => {
const { isDarkMode } = useTheme();
useEffect(() => {
if (isDarkMode) {
document.documentElement.classList.add("dark");
} else {
document.documentElement.classList.remove("dark");
}
}, [isDarkMode]);
return children;
};