Elijah/Study
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: Add persistent Dark Mode with ThemeToggle component and layout script
All checks were successful
Automated Container Build / build-and-push (push) Successful in 58s
Details

Browse source
This commit is contained in:
Elijah 2026-06-27 20:56:10 -07:00
parent ec8e601332
commit 87fc071961
5 changed files with 117 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/ui/Navbar.tsx
View file

@ -2,6 +2,7 @@
import { useRouter } from "next/navigation";
import Link from "next/link";
import { ThemeToggle } from "./ThemeToggle";
export function Navbar() {
const router = useRouter();
@ -35,12 +36,15 @@ export function Navbar() {
</svg>
Study
</Link>
<button
onClick={handleLogout}
className="text-sm text-text-muted hover:text-text-heading transition-colors cursor-pointer"
>
Sign out
</button>
<div className="flex items-center gap-4">
<ThemeToggle />
<button
onClick={handleLogout}
className="text-sm text-text-muted hover:text-text-heading transition-colors cursor-pointer"
>
Sign out
</button>
</div>
</div>
</div>
</nav>