diff --git a/src/components/cases/expenses-tab.tsx b/src/components/cases/expenses-tab.tsx index faa6d9b..a6008a4 100644 --- a/src/components/cases/expenses-tab.tsx +++ b/src/components/cases/expenses-tab.tsx @@ -59,6 +59,16 @@ export function CaseExpensesTab({ caseId }: { caseId: string }) { useEffect(() => { load(); }, [caseId]); + // Refresh when an expense is added/changed elsewhere (e.g. dashboard Quick Add) + useEffect(() => { + const handler = (e: Event) => { + const detail = (e as CustomEvent).detail as { caseId?: string } | undefined; + if (!detail?.caseId || detail.caseId === caseId) load(); + }; + window.addEventListener("expenses:changed", handler); + return () => window.removeEventListener("expenses:changed", handler); + }, [caseId]); + // Load case client_id for placeholder invoice creation useEffect(() => { (async () => {