Refactor layout and navigation components; remove theme toggler

- Updated layout.tsx to remove the ThemeProvider and directly include Analytics, SpeedInsights, and Navigation components. - Removed ThemeToggler component from Navigation. - Adjusted global CSS to use media queries for dark theme styles instead of data attributes. - Cleaned up package.json by removing the next-themes dependency.
2024-12-24 01:34:32 -05:00
parent 40e3ff220c
commit 8a13b5a166
8 changed files with 3263 additions and 1675 deletions
@@ -1,6 +1,5 @@
 import { Analytics } from "@vercel/analytics/react"
 import { SpeedInsights } from "@vercel/speed-insights/next"
-import { ThemeProvider } from "next-themes"
 import { Footer } from "~/components/Footer"
 import { Navigation } from "~/components/Navigation"
 import { Sidebar } from "~/components/Sidebar"
@@ -18,30 +17,23 @@ export default function RootLayout({ children }: React.PropsWithChildren) {
  return (
    <html lang="en" className={inter.className} suppressHydrationWarning>
      <body className="font-sans bg-background text-foreground min-h-screen flex flex-col" suppressHydrationWarning>
-        <ThemeProvider
-          attribute="data-theme"
-          defaultTheme="system"
-          enableSystem
-          disableTransitionOnChange
-        >
-          <Analytics />
-          <SpeedInsights />
-          <Navigation />
-          <div className="flex-1">
-            <div className="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
-              <div className="flex flex-col lg:flex-row lg:gap-12">
-                <aside className="lg:sticky lg:top-16 lg:h-[calc(100vh-4rem)] overflow-y-auto">
-                  <Sidebar />
-                </aside>
-                <main className="flex-1 overflow-y-auto py-8">
-                  {children}
-                </main>
-              </div>
+        <Analytics />
+        <SpeedInsights />
+        <Navigation />
+        <div className="flex-1">
+          <div className="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div className="flex flex-col lg:flex-row lg:gap-12">
+              <aside className="lg:sticky lg:top-16 lg:h-[calc(100vh-4rem)] overflow-y-auto">
+                <Sidebar />
+              </aside>
+              <main className="flex-1 overflow-y-auto py-8">
+                {children}
+              </main>
            </div>
          </div>
-          <Footer />
-        </ThemeProvider>
-      </body>
-    </html>
+        </div>
+        <Footer />
+    </body>
+    </html >
  )
 }