Jean-Luc Makiola
2853477a75
Phases 28-31 archived to milestones/v2.2-phases/ Requirements and roadmap snapshots archived to milestones/ Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1.9 KiB
1.9 KiB
phase, plan, subsystem, tags, key-files, metrics
| phase | plan | subsystem | tags | key-files | metrics | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 28-profile-and-logto-integration | 02 | client |
|
|
|
Plan 28-02 Summary: Profile Page & Settings Separation
What Was Built
-
Profile page (
src/client/routes/profile.tsx) — Dedicated /profile route with four sections:- Profile Info: Reuses existing ProfileSection component (displayName, bio, avatar)
- Account Info: Shows email from auth session with inline change form, member-since date
- Security: Password change form (3 fields if has password, 2 if social-only), client-side validation
- Danger Zone: Account deletion with typed "DELETE" confirmation, red-bordered card
-
Account hooks (
src/client/hooks/useAccount.ts) — TanStack Query hooks: useHasPassword, useChangePassword, useChangeEmail, useDeleteAccount -
Settings separation — Removed ProfileSection from /settings. Settings now only has weight unit, currency, import/export, and API keys.
Commits
| # | Hash | Description |
|---|---|---|
| 1 | 2369251 |
feat(28-02): create profile page with account management, separate from settings |
Deviations
None — implemented as planned per UI-SPEC.md.
Self-Check: PASSED
- /profile route created with createFileRoute
- ProfileSection reused without modifications
- Email display with change button and inline form
- Member-since date formatted with Intl.DateTimeFormat
- Password form adapts to has-password/no-password state
- Client-side validation: 8+ chars, uppercase, lowercase, number
- Danger zone card uses border-red-200
- Delete confirmation requires typed "DELETE"
- Settings page no longer contains ProfileSection
- Auth guard redirects unauthenticated users
- Lint passes