Admin Dashboard Frontend (Phases 1-4) #3

stephen · 2026-01-22T13:37:41-07:00

stephen commented

2026-01-22 13:37:41 -07:00

No description provided.

stephen added 7 commits 2026-01-22 13:37:42 -07:00

Add mobile-friendly sticky column to units list table f33ef01a6d

Add frontend authentication with Google OAuth 7b596a9d73

- Create AuthContext and AuthProvider for auth state management
- Create useAuth hook for easy access to auth state
- Create ProtectedRoute component to guard authenticated routes
- Create Login page with Google sign-in button and error handling
- Create useActivityTracker hook for frontend activity logging
- Update App.jsx to protect all routes and add user display/logout
- Update main.jsx to wrap app with AuthProvider
- Add credentials: 'include' to all API fetch calls

Updates to units page d285429e25

Implement Phase 1 admin dashboard frontend a05f99080c

- Add AdminRoute component for admin-only route protection
- Add admin navigation link (visible only to admins)
- Create UserList page with pagination, search, and filters
- Create UserDetail page with enable/disable and promote/demote
- Add confirmation dialogs for destructive actions
- Prevent self-modification (cannot disable/demote yourself)
- All admin routes protected with AdminRoute wrapper

Implement Phase 2 activity monitoring frontend 9ed775e04a

- Add ActivityStream page with paginated activity list
- Add user, action type, and date range filters
- Implement auto-refresh every 30 seconds (pauses with filters)
- Add "New activity" indicator for real-time updates
- Add export modal with date range picker for CSV download
- Update admin navigation to dropdown with Users and Activity links

Implement Phase 3 usage statistics frontend 40727c53e1

- Add AdminOverview page with stats cards and recent activity
- Add UsageStats page with charts and heatmap
- Active users chart with daily/weekly/monthly toggle
- Action breakdown with pie and bar charts
- Peak times heatmap (24h x 7d)
- Update admin navigation with Overview and Statistics links

Implement Phase 4 settings and polish frontend 338e9e3a76

- Add AdminSettings page with retention period configuration
- Add warning dialog when reducing retention period
- Add skeleton loaders to all admin pages (tables, charts, activities)
- Add empty states with helpful messages and clear filter buttons
- Improve mobile responsiveness across all admin views
- Update admin navigation with Settings link

stephen merged commit b44bd9fc22 into main

2026-01-22 14:12:59 -07:00

stephen referenced this issue from a commit

2026-01-22 14:13:00 -07:00

Admin Dashboard Frontend (Phases 1-4) (#3)

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: stephen/apartment-dashboard#3