3 Commits

Author SHA1 Message Date
Yaojia Wang
f2aa3b03b6 feat(frontend): Add Sprint 4 new fields to Story Detail page sidebar
Add three new cards to Story Detail sidebar to display Sprint 4 Story 3 fields:
- Story Points card with Target icon
- Tags card with Tag badges
- Acceptance Criteria card with CheckCircle2 icons

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-05 23:18:39 +01:00
Yaojia Wang
79f210d0ee fix(frontend): Implement Task Edit functionality - Sprint 4 Story 2
Completed the missing Task Edit feature identified as high-priority
issue in Sprint 4 testing.

Changes:
- Created TaskEditDialog component (285 lines)
  - Full form with title, description, priority, hours fields
  - React Hook Form + Zod validation
  - Modal dialog with proper UX (loading states, error handling)
  - Support for all Task fields (estimated/actual hours)
- Integrated TaskEditDialog into TaskCard component
  - Added isEditDialogOpen state management
  - Connected Edit menu item to open dialog
  - Proper event propagation handling

Features:
- Complete CRUD: Users can now edit existing tasks
- Form validation with clear error messages
- Optimistic updates via React Query
- Toast notifications for success/error
- Responsive design matches existing UI

Testing:
- Frontend compiles successfully with no errors
- Component follows existing patterns (Story Form, Task Quick Add)
- Consistent with shadcn/ui design system

Fixes: Task Edit TODO at task-card.tsx:147
Related: Sprint 4 Story 2 - Task Management
Test Report: SPRINT_4_STORY_1-3_FRONTEND_TEST_REPORT.md

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-05 23:01:04 +01:00
Yaojia Wang
8fe6d64e2e feat(frontend): Implement Task management components - Sprint 4 Story 2
Add complete Task CRUD UI for Story detail page with inline creation,
status toggling, filtering, and sorting capabilities.

Changes:
- Created TaskList component with filters, sorting, and progress bar
- Created TaskCard component with checkbox status toggle and metadata
- Created TaskQuickAdd component for inline Task creation
- Added shadcn/ui checkbox and alert components
- All components use existing Task hooks (useTasks, useCreateTask, etc.)

Components:
- components/tasks/task-list.tsx (150 lines)
- components/tasks/task-card.tsx (160 lines)
- components/tasks/task-quick-add.tsx (180 lines)
- components/ui/checkbox.tsx (shadcn/ui)
- components/ui/alert.tsx (shadcn/ui)

Features:
- Task list with real-time count and progress bar
- Filter by: All, Active, Completed
- Sort by: Recent, Alphabetical, Status
- Checkbox toggle for instant status change (optimistic UI)
- Inline Quick Add form for fast Task creation
- Priority badges and metadata display
- Loading states and error handling
- Empty state messaging

Sprint 4 Story 2: Task Management in Story Detail
Task 3: Implement TaskList, TaskCard, TaskQuickAdd components

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-05 22:35:38 +01:00