nuzlocke-tracker/.beans/nuzlocke-tracker-h205--auth-aware-navigation-menu.md at c7259a429a65116c8fd763eee093c4f01c6d1def

Files

Julian Tabel c7259a429a feat: make navigation menu auth-aware

Navigation links now change based on authentication state:
- Logged out: Home, Runs, Genlockes, Stats
- Logged in: New Run, My Runs, Genlockes, Stats
- Admin: adds Admin link

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

2026-03-21 11:22:24 +01:00

1.4 KiB

Raw Blame History

title, status, type, priority, created_at, updated_at, parent, blocked_by

title

status

type

priority

created_at

updated_at

parent

blocked_by

Auth-aware navigation menu

completed

task

normal

2026-03-21T10:06:20Z

2026-03-21T10:22:08Z

nuzlocke-tracker-ce4o

nuzlocke-tracker-5svj

Update the Layout component to show different nav links based on auth state and admin role.

Checklist

Replace static `navLinks` array with dynamic links based on `useAuth()` state
Logged out: Home, Runs, Genlockes, Stats (no New Run, no Admin)
Logged in (non-admin): New Run, My Runs, Genlockes, Stats
Logged in (admin): New Run, My Runs, Genlockes, Stats, Admin
Update both desktop and mobile nav (they share the same `navLinks` array, so this should be automatic)
Verify menu updates reactively on login/logout

Files to change

`frontend/src/components/Layout.tsx` — make `navLinks` dynamic based on auth state

Summary of Changes

Removed static navLinks array from module scope
Added dynamic navLinks computation inside Layout component using useMemo
Navigation now depends on user and isAdmin from useAuth():
- Logged out: Home, Runs, Genlockes, Stats
- Logged in (non-admin): New Run, My Runs, Genlockes, Stats
- Logged in (admin): New Run, My Runs, Genlockes, Stats, Admin
Updated isActive function to handle Home route (/) correctly
Both desktop and mobile nav automatically use the same dynamic navLinks array

1.4 KiB Raw Blame History

Checklist

Files to change

Summary of Changes

1.4 KiB

Raw Blame History