PeriodCloseAttentionCard
A check Cynco could not verify: what is wrong, on which accounts, why it matters, links to fix it, and the closer's note for the close record.
import { PeriodCloseAttentionCard } from "@cynco-labs/ui";Example
import { PeriodCloseAttentionCard } from "@cynco-labs/ui";
export default function PeriodCloseAttentionCardDemo() {
return (
<PeriodCloseAttentionCard
card={{
key: "k1",
title: "No bank balance for this period",
accounts: [{ code: "1000-002", name: "CIMB Business Account" }],
why: "The feed for CIMB Business Account has no balance dated to this period, so there is no bank figure to compare.",
risk: "This bank balance was not checked against the ledger.",
fixes: [{ label: "Upload a statement" }, { label: "Reconnect the bank feed" }],
}}
/>
);
}Use
Inside a Needs attention check of the close checklist (also rendered there automatically).
Props
card { key, title, accounts?: [{ code, name }], why, risk, fixes?: [{ label }], fallback? }, note?, onNoteChange?, className? (merged on the root) and native props.
Notes
Fix links are primary-coloured with the external-link glyph; the note is a Textarea styled with input-base. Label switches to "Acknowledged. Note for the close record" once a note is typed. Responsive: Text and fix links wrap at any width.