feat: Add dynamic theming, map style controls, and core UI components for an interactive map experience.

2026-02-04 23:56:32 -05:00 · 2025-12-05 01:10:14 -05:00
parent 9f55d8087b
commit 37e522e1e3
15 changed files with 693 additions and 95 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,6 +4,7 @@ import { type Metadata } from "next";
 import { PT_Serif } from "next/font/google";

 import { TRPCReactProvider } from "~/trpc/react";
+import { ThemeProvider } from "~/components/ThemeProvider";

 export const metadata: Metadata = {
  title: "Lewisburg Coffee Map",
@@ -21,9 +22,16 @@ export default function RootLayout({
  children,
 }: Readonly<{ children: React.ReactNode }>) {
  return (
-    <html lang="en" className={`${ptSerif.variable}`}>
+    <html lang="en" className={`${ptSerif.variable}`} suppressHydrationWarning>
      <body>
-        <TRPCReactProvider>{children}</TRPCReactProvider>
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
+          <TRPCReactProvider>{children}</TRPCReactProvider>
+        </ThemeProvider>
      </body>
    </html>
  );