mirror of
https://github.com/soconnor0919/lewisburg-coffee.git
synced 2026-02-04 23:56:32 -05:00
feat: Add dynamic theming, map style controls, and core UI components for an interactive map experience.
This commit is contained in:
@@ -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>
|
||||
);
|
||||
|
||||
@@ -5,7 +5,9 @@ import MapLoader from "~/components/MapLoader";
|
||||
import Drawer from "~/components/Drawer";
|
||||
import { COFFEE_SHOPS } from "~/lib/data";
|
||||
|
||||
export default function Home() {
|
||||
import { WelcomeModal } from "~/components/WelcomeModal";
|
||||
|
||||
export default function HomePage() {
|
||||
const [selectedShop, setSelectedShop] = useState<typeof COFFEE_SHOPS[0] | null>(null);
|
||||
|
||||
return (
|
||||
@@ -23,6 +25,7 @@ export default function Home() {
|
||||
shop={selectedShop}
|
||||
onClose={() => setSelectedShop(null)}
|
||||
/>
|
||||
<WelcomeModal />
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user