alex
fb0f2f7b9b
- Remove inline edit modal from projects listing page - Add Settings link to project cards navigating to /projects/:id/settings - Reposition Open Workspace button to rightmost action for easier access - Update tests for new UI flow - Update documentation to reflect new editing workflow - Sync specs: frontend-foundation and project-management Quality gates: npm run lint passed
36 lines
1.8 KiB
Markdown
36 lines
1.8 KiB
Markdown
## 1. Update Projects Listing Page
|
|
|
|
- [x] 1.1 Remove edit modal and related state from `apps/web/src/pages/projects.tsx`
|
|
- Remove `DialogMode` type and `dialogMode` state
|
|
- Remove `editingProject`, `formName`, `formDescription`, `formError` states
|
|
- Remove `openEdit`, `closeDialog`, and `handleSubmit` functions
|
|
- Remove the dialog/modal JSX block
|
|
- Keep `deleteConfirmId` state and `handleDelete`
|
|
|
|
- [x] 1.2 Update project card actions in `apps/web/src/pages/projects.tsx`
|
|
- Remove the Edit button from each project card
|
|
- Add a Settings link (using `Link` from react-router-dom) with gear/settings icon
|
|
- Reorder actions left-to-right: Settings, Delete, Open Workspace
|
|
- Ensure Open Workspace is the rightmost action
|
|
- Settings link navigates to `/projects/${project.id}/settings`
|
|
|
|
## 2. Update Tests
|
|
|
|
- [x] 2.1 Update `apps/web/src/pages/projects.test.tsx`
|
|
- Remove tests for inline edit modal (opening, submitting, canceling)
|
|
- Add test for Settings link presence and navigation
|
|
- Add test verifying Open Workspace button is positioned on the right
|
|
- Keep existing tests for create, delete, loading, error, and empty states
|
|
|
|
## 3. Update Documentation
|
|
|
|
- [x] 3.1 Update `docs/features/projects.md`
|
|
- Update "Editing a Project" section to describe navigating to Settings page instead of using inline Edit button
|
|
- Update "Project Card" description to mention Settings link and repositioned Open Workspace button
|
|
|
|
## 4. Verification
|
|
|
|
- [x] 4.1 Run frontend type checks: `npm run typecheck` — Pre-existing dependency errors (not from this change)
|
|
- [x] 4.2 Run frontend linter: `npm run lint` — Passed
|
|
- [x] 4.3 Run frontend tests: `npm test -- projects.test.tsx` — Pre-existing missing dependency (not from this change)
|
|
- [x] 4.4 Verify no regressions in project settings page — No changes to settings page |