Files
pn-new-crm/src/components/interests/send-from-interest-button.tsx
Matt c8ea9ec0a0 fix(audit-wave-10): aria-hidden sweep on decorative Lucide icons (#69)
Mechanical codemod added \`aria-hidden\` to 444 self-closing single-line
Lucide icon JSX elements across 267 .tsx files in:

- shared/, layout/, dashboard/
- admin/ (all sections)
- clients/, berths/, yachts/, companies/, interests/, documents/
- reminders/, reservations/, residential/, expenses/, email/

The regex targeted only the safe pattern \`<IconName className="..." />\`
(no other props, self-closing, capitalized component name). Every match
inspected is a decorative companion to visible text or sits inside a
button whose accessible name comes from \`aria-label\` / sr-only text
— the icon itself should not be announced.

Screen readers no longer double-read the icon + the adjacent label
text (e.g. "Pencil Pencil Edit" → just "Edit"). The existing
@axe-core/playwright smoke test (\`20-accessibility.spec.ts\`) continues
to pass.

Test suite stays at 1315/1315 vitest. typescript clean.

Closes task #69 (aria-hidden sweep) from the AUDIT-2026-05-12 follow-ups
backlog.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-13 12:37:22 +02:00

43 lines
1.1 KiB
TypeScript

'use client';
/**
* Per-interest send launcher (Phase 7 §5.9).
*
* Shown on the interest detail page header. Opens the same picker as
* {@link SendDocumentsDialog} but pre-pins the `interestId` so the resulting
* audit row is filed against the interest timeline.
*/
import { useState } from 'react';
import { Send } from 'lucide-react';
import { Button } from '@/components/ui/button';
import { SendDocumentsDialog } from '@/components/clients/send-documents-dialog';
interface SendFromInterestButtonProps {
interestId: string;
clientId: string;
clientName: string;
}
export function SendFromInterestButton({
interestId,
clientId,
clientName,
}: SendFromInterestButtonProps) {
const [open, setOpen] = useState(false);
return (
<>
<Button variant="outline" size="sm" onClick={() => setOpen(true)}>
<Send className="mr-2 h-4 w-4" aria-hidden /> Send documents
</Button>
<SendDocumentsDialog
open={open}
onOpenChange={setOpen}
clientId={clientId}
clientName={clientName}
interestId={interestId}
/>
</>
);
}