47 lines
1.7 KiB
Markdown
47 lines
1.7 KiB
Markdown
---
|
|
id: TASK-52
|
|
title: Make lead card contact fields clickable
|
|
status: In Progress
|
|
assignee: []
|
|
created_date: '2026-06-10 20:49'
|
|
updated_date: '2026-06-10 20:55'
|
|
labels: []
|
|
dependencies: []
|
|
priority: medium
|
|
ordinal: 54000
|
|
---
|
|
|
|
## Description
|
|
|
|
<!-- SECTION:DESCRIPTION:BEGIN -->
|
|
Implement clickable email, phone, and website links in the dashboard leads card view so operators can contact or inspect leads directly from each card.
|
|
<!-- SECTION:DESCRIPTION:END -->
|
|
|
|
## Acceptance Criteria
|
|
<!-- AC:BEGIN -->
|
|
- [x] #1 Lead email values render as mailto links when present while the no-email fallback stays plain text
|
|
- [x] #2 Lead phone values render as tel links when present
|
|
- [x] #3 Lead website/domain values render as external website links when present
|
|
- [x] #4 Existing leads review source tests cover the clickable link behavior
|
|
<!-- AC:END -->
|
|
|
|
## Implementation Plan
|
|
|
|
<!-- SECTION:PLAN:BEGIN -->
|
|
1. Inspect current leads card rendering and tests
|
|
2. Add safe href helpers for email, phone, and website/domain values
|
|
3. Render available contact fields as accessible links with existing overflow styling
|
|
4. Extend source tests for link behavior
|
|
5. Run focused verification
|
|
<!-- SECTION:PLAN:END -->
|
|
|
|
## Implementation Notes
|
|
|
|
<!-- SECTION:NOTES:BEGIN -->
|
|
Implemented helper-backed contact links in components/leads/leads-review-table.tsx and extended tests/leads-review-table.test.ts source assertions.
|
|
|
|
Verified with pnpm test: TypeScript test compile and 409 node tests passed.
|
|
|
|
Verified with pnpm lint: exit 0 with 3 existing warnings outside this change. Browser navigation to /dashboard/leads redirected to /login without an authenticated in-app browser session, so clickable DOM could not be manually exercised there.
|
|
<!-- SECTION:NOTES:END -->
|