main

src/components/ui/provider.tsx

@@ -1,22 +1,21 @@
 "use client";
 
-import { ChakraProvider } from "@chakra-ui/react";
 import { SessionProvider } from "next-auth/react";
-import { ColorModeProvider, type ColorModeProviderProps } from "./color-mode";
-import { system } from "../../theme/theme";
-import { Toaster } from "./feedback/toaster";
-import TopLoader from "./top-loader";
+import { ThemeProvider } from "next-themes";
 import ReactQueryProvider from "@/provider/react-query-provider";
 
-export function Provider(props: ColorModeProviderProps) {
+export function Provider({ children }: { children: React.ReactNode }) {
   return (
     <SessionProvider>
       <ReactQueryProvider>
-        <ChakraProvider value={system}>
-          <TopLoader />
-          <ColorModeProvider {...props} />
-          <Toaster />
-        </ChakraProvider>
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="dark"
+          enableSystem={false}
+          disableTransitionOnChange
+        >
+          {children}
+        </ThemeProvider>
       </ReactQueryProvider>
     </SessionProvider>
   );