Build issue detail page #30

New issue

Open

opened 2026-03-16 22:53:50 +00:00 by austin · 0 comments

austin commented

2026-03-16 22:53:50 +00:00

Owner

The most interaction-heavy page. Shows full issue details with inline editing.

What needs to happen

Page at /projects/{key}/issues/{number}
Display: title, description, status, priority, created by, created at, updated at
Inline editing:
- Click status badge → dropdown to change status → PATCH on select
- Click priority badge → dropdown to change priority → PATCH on select
- Click title → editable text field → PATCH on blur/Enter
Use optimistic updates: update the UI immediately, revert on error
Description editing can be a simple toggle (view mode → edit mode textarea)

Depends on backend: GET /api/projects/{key}/issues/{number} (CLI issue #10) and PATCH /api/projects/{key}/issues/{number} (CLI issue #11)

Key files

web/src/pages/IssueDetail.tsx — new

The most interaction-heavy page. Shows full issue details with inline editing. ## What needs to happen - Page at `/projects/{key}/issues/{number}` - Display: title, description, status, priority, created by, created at, updated at - **Inline editing:** - Click status badge → dropdown to change status → PATCH on select - Click priority badge → dropdown to change priority → PATCH on select - Click title → editable text field → PATCH on blur/Enter - Use optimistic updates: update the UI immediately, revert on error - Description editing can be a simple toggle (view mode → edit mode textarea) **Depends on backend:** `GET /api/projects/{key}/issues/{number}` (CLI issue #10) and `PATCH /api/projects/{key}/issues/{number}` (CLI issue #11) ## Key files - `web/src/pages/IssueDetail.tsx` — new