41 lines
1.1 KiB
YAML
41 lines
1.1 KiB
YAML
task_id: task_component_user_menu
|
|
entity_id: component_user_menu
|
|
workflow_version: v002
|
|
created_at: "2025-12-18T17:08:00"
|
|
status: completed
|
|
agent: frontend
|
|
|
|
entity:
|
|
type: component
|
|
name: UserMenu
|
|
file_path: components/UserMenu.tsx
|
|
|
|
description: |
|
|
Create a UserMenu component that displays authentication state.
|
|
Shows Login/Register buttons for guests, profile info for logged-in users.
|
|
|
|
file_paths:
|
|
to_create:
|
|
- components/UserMenu.tsx
|
|
|
|
reference_files:
|
|
- components/AuthForm.tsx # Auth patterns
|
|
- lib/auth.ts # Auth utilities if exists
|
|
|
|
implementation_notes: |
|
|
- Use 'use client' directive
|
|
- For now, use a simple mock auth state (no real auth yet)
|
|
- Render login/register links when not authenticated
|
|
- Render user avatar placeholder and profile link when authenticated
|
|
- Style consistent with dark theme (zinc-950 background)
|
|
- Login button: outline style
|
|
- Register button: filled gradient (purple-600 to pink-600)
|
|
|
|
acceptance_criteria:
|
|
- Component exports UserMenu function
|
|
- Shows Login/Register when not authenticated
|
|
- Shows user info when authenticated
|
|
- Links navigate correctly
|
|
|
|
dependencies: []
|