feat: replace ThemeProvider with Providers component

2025-05-19 14:10:11 +07:00
parent 0bc7d084d5
commit 4c7bb18a4f
3 changed files with 17 additions and 12 deletions
@@ -0,0 +1,13 @@
+'use client';
+
+import { QueryProvider } from '@utils/ui';
+import type { ThemeProviderProps } from 'next-themes';
+import { ThemeProvider as NextThemesProvider } from 'next-themes';
+
+export function Providers({ children, ...props }: ThemeProviderProps) {
+  return (
+    <QueryProvider>
+      <NextThemesProvider {...props}>{children}</NextThemesProvider>
+    </QueryProvider>
+  );
+}
@@ -1,8 +0,0 @@
-'use client';
-
-import type { ThemeProviderProps } from 'next-themes';
-import { ThemeProvider as NextThemesProvider } from 'next-themes';
-
-export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
-  return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
-}
@@ -1,10 +1,10 @@
 import { poppins } from '@/lib/fonts';
 import '@/styles/globals.css';
 import { type Metadata } from 'next';
-import { ThemeProvider } from './_components/theme-provider';
+import { Providers } from './_components/providers';

 export const metadata: Metadata = {
-  title: 'IMPHNEN - Ingin Menjadi Programmer Handal Namung Enggan Ngonding',
+  title: 'IMPHNEN - Ingin Menjadi Programmer Handal Namun Enggan Ngonding',
  description:
    'Komunitas Ingin Menjadi Programmer Handal Namung Enggan Ngonding',
 };
@@ -17,14 +17,14 @@ export default function RootLayout({
  return (
    <html lang="id" suppressHydrationWarning>
      <body className={poppins.className}>
-        <ThemeProvider
+        <Providers
          attribute="class"
          defaultTheme="system"
          enableSystem
          disableTransitionOnChange
        >
          {children}
-        </ThemeProvider>
+        </Providers>
      </body>
    </html>
  );