mirror of
https://github.com/fsolla/teqo.git
synced 2026-11-15 02:23:07 +00:00
013f167d47
CampaignCopyableCell is a Client Component; passing formatDisplay as a function from the leaderships RSC page broke serialization in production. Use a preformatted displayValue string at the call sites instead.
66 lines
2 KiB
TypeScript
66 lines
2 KiB
TypeScript
'use client'
|
|
|
|
import { toast } from 'sonner'
|
|
|
|
import { cn } from '@/lib/utils'
|
|
|
|
/** Mirrors the inline input box (height, border, padding) so a future editable variant never reflows. */
|
|
export const campaignReadCellClassName =
|
|
'flex min-h-10 w-full items-center rounded-full border border-transparent px-2 text-left'
|
|
|
|
const copyText = async (label: string, value: string) => {
|
|
try {
|
|
await navigator.clipboard.writeText(value)
|
|
toast.success(`${label} copiado.`)
|
|
} catch {
|
|
toast.error(`Não foi possível copiar o ${label.toLowerCase()}.`)
|
|
}
|
|
}
|
|
|
|
type CampaignCopyableCellProps = {
|
|
/** Raw value copied to the clipboard. `null`/empty renders `emptyDisplay` instead of a button. */
|
|
value: string | null
|
|
/** Used in the toast ("`label` copiado.") and the button's `aria-label`. */
|
|
label: string
|
|
/**
|
|
* Preformatted label (e.g. masked phone). Clipboard still gets raw `value`.
|
|
* String, not a formatter — Client Component; RSC cannot pass functions
|
|
* (broke `/campanha/liderancas` after B28).
|
|
*/
|
|
displayValue?: string
|
|
emptyDisplay?: string
|
|
className?: string
|
|
}
|
|
|
|
/**
|
|
* Click-to-copy read cell for the campaign list system (`CampaignTable`).
|
|
* First promoted on B28 (2nd call site after `/campanha/assessores`'s inline
|
|
* copy — B19) so the copy/toast/empty-state behavior can't drift between the
|
|
* two tables.
|
|
*/
|
|
export const CampaignCopyableCell = ({
|
|
value,
|
|
label,
|
|
displayValue,
|
|
emptyDisplay = '—',
|
|
className,
|
|
}: CampaignCopyableCellProps) => {
|
|
if (!value) {
|
|
return (
|
|
<span className={cn(campaignReadCellClassName, 'text-sm text-muted-foreground', className)}>
|
|
{emptyDisplay}
|
|
</span>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<button
|
|
type="button"
|
|
className={cn(campaignReadCellClassName, 'underline-offset-4 hover:underline', className)}
|
|
aria-label={`Copiar ${label.toLowerCase()}`}
|
|
onClick={() => void copyText(label, value)}
|
|
>
|
|
<span className="truncate">{displayValue ?? value}</span>
|
|
</button>
|
|
)
|
|
}
|