Changes

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

src/routes/collections.index.tsx

@@ -23,6 +23,7 @@ import {
 } from "@/components/ui/table";
 import { formatCurrency, formatDate } from "@/lib/format";
 import { ChevronRight, Wallet, Search, ArrowUp, ArrowDown, ArrowUpDown } from "lucide-react";
+import { StatusFlagBadges } from "@/components/collections/status-flag-badges";
 
 export const Route = createFileRoute("/collections/")({
   component: CollectionsIndexPage,
@@ -57,7 +58,7 @@ function CollectionsIndexPage() {
       supabase
         .from("collections")
         .select(
-          "id, status, current_stage, opened_at, name, homeowner:homeowners(id, first_name, last_name, unit_number, opening_balance), case:cases(id, case_number, title, client:clients(id, name))",
+          "id, status, current_stage, opened_at, name, in_bankruptcy, on_payment_plan, homeowner:homeowners(id, first_name, last_name, unit_number, opening_balance), case:cases(id, case_number, title, client:clients(id, name))",
         )
         .order("created_at", { ascending: false }),
       supabase
@@ -266,6 +267,7 @@ function CollectionsIndexPage() {
                               </span>
                             )}
                           </Link>
+                          <StatusFlagBadges bk={r.in_bankruptcy} pp={r.on_payment_plan} className="ml-2" />
                           {r.status === "closed" && (
                             <Badge variant="outline" className="ml-2 text-[10px] border-emerald-600 text-emerald-700">
                               Closed