From c66e28162c92abd59cb14737f8699ce8c6422621 Mon Sep 17 00:00:00 2001 From: dohsimpson Date: Sat, 25 Jan 2025 13:03:07 -0500 Subject: [PATCH] dark mode --- CHANGELOG.md | 7 +++ app/layout.tsx | 18 ++++-- components/Header.tsx | 38 +----------- components/Profile.tsx | 92 ++++++++++++++++++++++++++++ components/ViewToggle.tsx | 36 ++++++++--- components/theme-provider.tsx | 11 ++++ components/theme-toggle.tsx | 40 ++++++++++++ components/ui/notification-badge.tsx | 41 +++++++++++++ package-lock.json | 11 ++++ package.json | 3 +- 10 files changed, 246 insertions(+), 51 deletions(-) create mode 100644 components/Profile.tsx create mode 100644 components/theme-provider.tsx create mode 100644 components/theme-toggle.tsx create mode 100644 components/ui/notification-badge.tsx diff --git a/CHANGELOG.md b/CHANGELOG.md index 4d97823..f5aa8de 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,12 @@ # Changelog +## Version 0.1.27 + +### Added + +- dark mode toggle (#48) +- notification badge for tasks (#51) + ## Version 0.1.26 ### Added diff --git a/app/layout.tsx b/app/layout.tsx index de119bc..1efc34a 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -7,6 +7,8 @@ import { JotaiHydrate } from '@/components/jotai-hydrate' import { loadSettings, loadHabitsData, loadCoinsData, loadWishlistData } from './actions/data' import Layout from '@/components/Layout' import { Toaster } from '@/components/ui/toaster' +import { ThemeProvider } from "@/components/theme-provider" + // Inter (clean, modern, excellent readability) // const inter = Inter({ @@ -42,7 +44,8 @@ export default async function RootLayout({ ]) return ( - + // set suppressHydrationWarning to true to prevent hydration errors when using ThemeProvider (https://ui.shadcn.com/docs/dark-mode/next) +