diff --git a/app/Providers.js b/app/Providers.js
new file mode 100644
index 0000000..61c2c84
--- /dev/null
+++ b/app/Providers.js
@@ -0,0 +1,11 @@
+"use client";
+
+import { ThemeProvider } from "next-themes";
+
+export function Providers({ children }) {
+ return (
+
+ {children}
+
+ );
+}
diff --git a/app/layout.js b/app/layout.js
index 5d9a7e2..a027397 100644
--- a/app/layout.js
+++ b/app/layout.js
@@ -1,6 +1,7 @@
import "./globals.css";
import ThemeRegistry from "./component/ThemeRegistry";
import "jalaali-react-date-picker/lib/styles/index.css";
+import { Providers } from "./Providers";
export const metadata = {
title: "نوبت724",
@@ -13,9 +14,11 @@ export const metadata = {
export default function RootLayout({ children }) {
return (
-
+
- {children}
+
+ {children}
+
);
diff --git a/app/panel/(layout)/layout.js b/app/panel/(layout)/layout.js
index efcefee..0d0e076 100644
--- a/app/panel/(layout)/layout.js
+++ b/app/panel/(layout)/layout.js
@@ -48,7 +48,7 @@ function LayoutPanel({ children }) {
setActive={setActive}
disableProfile={pathname.includes("dashboard")}
/>
-
+
diff --git a/components/layoutPanel/header/icons/Theme.js b/components/layoutPanel/header/icons/Theme.js
new file mode 100644
index 0000000..cb1ed37
--- /dev/null
+++ b/components/layoutPanel/header/icons/Theme.js
@@ -0,0 +1,31 @@
+import MoonP from "@/components/icons/MoonP";
+import { Button } from "@mui/material";
+import { useTheme } from "next-themes";
+import { useState } from "react";
+
+function Theme() {
+ const [mounted, setMounted] = useState(false);
+ const { theme, setTheme, resolvedTheme } = useTheme();
+
+ console.log(theme);
+
+ useState(() => setMounted(true), []);
+ return (
+
+ );
+}
+
+export default Theme;
diff --git a/components/layoutPanel/header/Icons.js b/components/layoutPanel/header/icons/index.js
similarity index 81%
rename from components/layoutPanel/header/Icons.js
rename to components/layoutPanel/header/icons/index.js
index 6f83a41..55414ac 100644
--- a/components/layoutPanel/header/Icons.js
+++ b/components/layoutPanel/header/icons/index.js
@@ -4,22 +4,12 @@ import MoonP from "@/components/icons/MoonP";
import NotificationP from "@/components/icons/NotificationP";
import SettingP from "@/components/icons/SettingP";
import SearchHeaderP from "@/components/icons/SearchHeaderP";
+import Theme from "./Theme";
function Icons() {
return (
-
+