Denozordec
40e2040fb0
- Replaced the next-themes package with a custom ThemeProvider component for enhanced theme management. - Implemented local storage handling for theme persistence and system theme detection. - Updated the Toaster component to utilize the new theme context. - Removed unused next-themes references from package.json and package-lock.json.
28 lines
871 B
TypeScript
28 lines
871 B
TypeScript
"use client"
|
|
|
|
import { useTheme } from "@/components/theme-provider"
|
|
import { Toaster as Sonner, type ToasterProps } from "sonner"
|
|
|
|
const Toaster = ({ ...props }: ToasterProps) => {
|
|
const { resolvedTheme } = useTheme()
|
|
|
|
return (
|
|
<Sonner
|
|
theme={(resolvedTheme as ToasterProps["theme"]) ?? "system"}
|
|
className="toaster group"
|
|
richColors
|
|
toastOptions={{
|
|
classNames: {
|
|
toast: "group toast group-[.toaster]:border-border group-[.toaster]:bg-card group-[.toaster]:text-card-foreground group-[.toaster]:shadow-lg",
|
|
description: "group-[.toast]:text-muted-foreground",
|
|
actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
|
|
cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
|
|
},
|
|
}}
|
|
{...props}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export { Toaster }
|