52 lines
2.7 KiB
Markdown
52 lines
2.7 KiB
Markdown
---
|
|
id: TASK-20
|
|
title: Convert campaigns and leads to compact cards
|
|
status: Done
|
|
assignee: []
|
|
created_date: '2026-06-04 15:01'
|
|
updated_date: '2026-06-04 15:10'
|
|
labels: []
|
|
dependencies: []
|
|
priority: high
|
|
ordinal: 22000
|
|
---
|
|
|
|
## Description
|
|
|
|
<!-- SECTION:DESCRIPTION:BEGIN -->
|
|
Update the dashboard campaign and lead review UI so campaigns render as individual cards and leads render as compact expandable cards while preserving existing Convex behavior.
|
|
<!-- SECTION:DESCRIPTION:END -->
|
|
|
|
## Acceptance Criteria
|
|
<!-- AC:BEGIN -->
|
|
- [x] #1 Campaigns page renders each campaign as its own responsive card instead of a desktop table.
|
|
- [x] #2 Leads page renders compact cards showing company/name, contact data, and priority while hiding review fields behind Mehr anzeigen.
|
|
- [x] #3 Expanded lead cards preserve all existing review fields and save/block actions.
|
|
- [x] #4 UI remains responsive without horizontal table overflow on desktop and mobile.
|
|
- [x] #5 Lint and test verification are run and results are documented.
|
|
<!-- AC:END -->
|
|
|
|
|
|
|
|
## Implementation Plan
|
|
|
|
<!-- SECTION:PLAN:BEGIN -->
|
|
1. Add/adjust tests or static checks that fail for table-based Campaigns/Leads layouts before production edits.
|
|
2. Convert CampaignsBoard from desktop table plus mobile cards to one responsive card list.
|
|
3. Convert LeadsReviewTable from table rows to compact expandable cards.
|
|
4. Run lint, tests, and browser/responsive verification.
|
|
5. Record verification notes in Backlog; wait for user confirmation before Done.
|
|
<!-- SECTION:PLAN:END -->
|
|
|
|
## Implementation Notes
|
|
|
|
<!-- SECTION:NOTES:BEGIN -->
|
|
Implemented via subagent-driven TDD. Campaigns and Leads converted from table layouts to compact cards. Added static layout regression tests for campaign cards and lead expandable cards. Verification: pnpm lint exits 0 with 2 pre-existing generated Better Auth warnings; pnpm test passes 107/107; pnpm build passes after rerun with network access for Google Fonts. Browser automation could launch only outside sandbox, but authenticated dashboard routes redirected to /login in the fresh Playwright context, so final visual validation should be done in the existing logged-in browser session.
|
|
<!-- SECTION:NOTES:END -->
|
|
|
|
## Final Summary
|
|
|
|
<!-- SECTION:FINAL_SUMMARY:BEGIN -->
|
|
Campaigns now render as responsive cards on all breakpoints. Leads now render as compact expandable cards showing company/contact/priority by default and revealing review fields/actions through Mehr anzeigen. Added regression tests for both card layouts. Verified with pnpm lint, pnpm test, and pnpm build; browser automation reached login due fresh unauthenticated context, while user confirmed the authenticated UI manually.
|
|
<!-- SECTION:FINAL_SUMMARY:END -->
|