From e587a7f6cc95b3dd7de181a73318583a2885b38c Mon Sep 17 00:00:00 2001 From: baslani Date: Wed, 15 Apr 2026 11:15:15 +0330 Subject: [PATCH] implemented theme management --- package.json | 1 + src/app/layout.tsx | 39 ++++++++++++++++++------- src/app/page.tsx | 3 ++ src/components/UI/ThemeToggle.tsx | 30 ++++++++++++++++++++ src/providers/ClientAppProvider.tsx | 44 +++++++++++++++++++++++++++++ src/{app => styles}/globals.css | 4 +++ tsconfig.json | 18 +++--------- 7 files changed, 115 insertions(+), 24 deletions(-) create mode 100644 src/components/UI/ThemeToggle.tsx create mode 100644 src/providers/ClientAppProvider.tsx rename src/{app => styles}/globals.css (85%) diff --git a/package.json b/package.json index d38be79..0883285 100644 --- a/package.json +++ b/package.json @@ -17,6 +17,7 @@ "embla-carousel-react": "^8.6.0", "framer-motion": "^12.38.0", "js-cookie": "^3.0.5", + "lucide-react": "^1.8.0", "next": "16.1.6", "next-intl": "^4.9.1", "next-pwa": "^5.6.0", diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 37957d5..bc0a13e 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,19 +1,38 @@ -import type { Metadata } from "next"; -import "./globals.css"; +import { ClientAppProvider } from '@/providers/ClientAppProvider' +import '@/styles/globals.css' +import type { Metadata } from 'next' export const metadata: Metadata = { - title: "Offline App", -}; + title: 'Theater of dreams', +} export default function RootLayout({ children, }: { - children: React.ReactNode; + children: React.ReactNode }) { return ( - - {children} - - ); -} + + + {/* Prevent theme flicker before hydration */} +