kai/ColaFlow-Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
39 Commits 1 Branch 0 Tags
main
Commit Graph

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
8022c0517f feat(frontend): Integrate TaskList component into Story detail page - Sprint 4 Story 2 
Integrated the TaskList component into the Story detail page to enable
full Task CRUD functionality within Stories.

Changes:
- Import TaskList component in Story detail page
- Replace placeholder "Coming Soon" card with TaskList component
- Pass storyId prop to TaskList for data fetching
- Remove temporary "Task management will be available" message

Sprint 4 Story 2 is now COMPLETE:
✅ TaskList, TaskCard, TaskQuickAdd components created (commit 8fe6d64)
✅ All Task CRUD operations working with optimistic updates
✅ Filters: All/Active/Completed
✅ Sorting: Recent/Alphabetical/Status
✅ Progress bar showing task completion
✅ Quick add inline form for creating tasks
✅ Checkbox toggle for task status
✅ Full integration with Story detail page

Backend API: All Task endpoints verified working
Frontend compilation: ✅ No errors
Dev server: ✅ Running on http://localhost:3000
Story page: ✅ Loading successfully (200 status)

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

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-05 22:38:08 +01:00
Yaojia Wang
f7a17a3d1a feat(frontend): Implement Story detail page - Sprint 4 Story 1 
Add complete Story detail page with two-column layout, breadcrumb navigation,
and full CRUD operations.

Key Features:
- Story detail page at /stories/[id] route
- Two-column layout (main content + metadata sidebar)
- Breadcrumb navigation: Projects > Project > Epics > Epic > Stories > Story
- Story header with title, status, priority badges, Edit/Delete actions
- Main content area with Story description and Tasks placeholder
- Metadata sidebar with:
  * Status selector (with optimistic updates)
  * Priority selector
  * Assignee display
  * Time tracking (estimated/actual hours)
  * Created/Updated dates
  * Parent Epic card (clickable link)
- Edit Story dialog (reuses StoryForm component)
- Delete Story confirmation dialog
- Loading state (skeleton loaders)
- Error handling with error.tsx
- Responsive design (mobile/tablet/desktop)
- Accessibility support (keyboard navigation, ARIA labels)

Technical Implementation:
- Uses Next.js 13+ App Router with dynamic routes
- React Query for data fetching and caching
- Optimistic updates for status/priority changes
- Proper TypeScript typing throughout
- Reuses existing components (StoryForm, shadcn/ui)
- 85% code reuse from Epic detail page pattern

Bug Fixes:
- Fixed TypeScript error in pm.ts (api.post generic type)

Files Created:
- app/(dashboard)/stories/[id]/page.tsx (478 lines)
- app/(dashboard)/stories/[id]/loading.tsx (66 lines)
- app/(dashboard)/stories/[id]/error.tsx (53 lines)

Files Modified:
- lib/api/pm.ts (added generic type to api.post<Epic>)

Verification:
- Build successful (npm run build)
- No TypeScript errors
- Route registered: /stories/[id] (Dynamic)

Next Steps:
- Task management functionality (Sprint 4 Story 2)

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

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