Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/components/cases/collections-tab.tsx

@@ -77,6 +77,7 @@ import {
 import { SortableLedgerRow } from "./ledger-row";
 import { ApplyCollectionWorkflowDialog } from "@/components/collections/apply-collection-workflow-dialog";
 import { MergeCollectionsDialog } from "./merge-collections-dialog";
+import { StatusFlagBadges } from "@/components/collections/status-flag-badges";
 
 const TXN_TYPES = [
   { value: "assessment", label: "Assessment" },
@@ -303,7 +304,12 @@ export function CaseCollectionsTab({
                       onClick={() => setActiveId(c.id)}
                     >
                       <TableCell className="font-medium">
-                        {c.homeowner?.last_name}, {c.homeowner?.first_name}
+                        <span className="inline-flex items-center gap-1.5">
+                          <span>
+                            {c.homeowner?.last_name}, {c.homeowner?.first_name}
+                          </span>
+                          <StatusFlagBadges bk={c.in_bankruptcy} pp={c.on_payment_plan} />
+                        </span>
                       </TableCell>
                       <TableCell className="text-muted-foreground">
                         {c.homeowner?.unit_number || "—"}