diff --git a/app/app/components/bottom-nav.tsx b/app/app/components/bottom-nav.tsx index 2fa868f..bbef0f3 100644 --- a/app/app/components/bottom-nav.tsx +++ b/app/app/components/bottom-nav.tsx @@ -1,11 +1,15 @@ import { NavLink } from "react-router"; -import { Music } from "lucide-react"; +import { Music, Sun, Moon } from "lucide-react"; +import { useTheme } from "next-themes"; import { cn } from "~/lib/utils"; +import { Button } from "~/components/ui/button"; export function BottomNav() { + const { resolvedTheme, setTheme } = useTheme(); + return ( ); diff --git a/app/app/root.tsx b/app/app/root.tsx index 204073f..abfe01d 100644 --- a/app/app/root.tsx +++ b/app/app/root.tsx @@ -6,6 +6,7 @@ import { Scripts, ScrollRestoration, } from "react-router"; +import { ThemeProvider } from "next-themes"; import type { Route } from "./+types/root"; import "./app.css"; @@ -34,11 +35,13 @@ export function Layout({ children }: { children: React.ReactNode }) { - - {children} - - - + + + {children} + + + + );