26 lines
571 B
TypeScript
26 lines
571 B
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import { useEffect, useState } from "react";
|
||
|
|
import { Toaster } from "sonner";
|
||
|
|
|
||
|
|
export function Providers({ children }: { children: React.ReactNode }) {
|
||
|
|
const [mounted, setMounted] = useState(false);
|
||
|
|
useEffect(() => {
|
||
|
|
setMounted(true);
|
||
|
|
// Restore theme
|
||
|
|
const saved = localStorage.getItem("theme");
|
||
|
|
if (saved === "dark") {
|
||
|
|
document.documentElement.classList.add("dark");
|
||
|
|
}
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
{children}
|
||
|
|
{mounted && (
|
||
|
|
<Toaster richColors position="top-right" closeButton />
|
||
|
|
)}
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|