Changes

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

src/routes/cases.$caseId.tsx

@@ -8,7 +8,7 @@ import { Badge } from "@/components/ui/badge";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { supabase } from "@/integrations/supabase/client";
-import { ArrowLeft, FileText, Clock, DollarSign, Activity, Receipt, Scale } from "lucide-react";
+import { ArrowLeft, FileText, Clock, DollarSign, Activity, Receipt, Scale, Users } from "lucide-react";
 import { formatCurrency, formatDate, statusBadgeClass } from "@/lib/format";
 import { CaseDocumentsTab } from "@/components/cases/documents-tab";
 import { CaseTimeTab } from "@/components/cases/time-tab";
@@ -16,6 +16,7 @@ import { CaseExpensesTab } from "@/components/cases/expenses-tab";
 import { CaseStatusTab } from "@/components/cases/status-tab";
 import { CaseInvoicesTab } from "@/components/cases/invoices-tab";
 import { CaseLitigationTab } from "@/components/cases/litigation-tab";
+import { CaseCollectionsTab } from "@/components/cases/collections-tab";
 import { toast } from "sonner";
 import { useAuth } from "@/lib/auth";
 
@@ -38,7 +39,7 @@ function CaseDetail() {
     const [{ data: c, error }, { data: us }] = await Promise.all([
       supabase
         .from("cases")
-        .select("*, client:clients(id, name, client_type), assignee:profiles!cases_assigned_attorney_id_fkey(id, full_name, email)")
+        .select("*, client:clients(id, name, client_type, annual_interest_rate), assignee:profiles!cases_assigned_attorney_id_fkey(id, full_name, email)")
         .eq("id", caseId)
         .maybeSingle(),
       supabase.from("profiles").select("id, full_name, email"),
@@ -144,6 +145,9 @@ function CaseDetail() {
           <TabsTrigger value="time"><Clock className="h-3.5 w-3.5 mr-1.5" />Time</TabsTrigger>
           <TabsTrigger value="expenses"><DollarSign className="h-3.5 w-3.5 mr-1.5" />Expenses</TabsTrigger>
           <TabsTrigger value="invoices"><Receipt className="h-3.5 w-3.5 mr-1.5" />Invoices</TabsTrigger>
+          {data.client?.client_type === "hoa" && (
+            <TabsTrigger value="collections"><Users className="h-3.5 w-3.5 mr-1.5" />Collections</TabsTrigger>
+          )}
         </TabsList>
         <TabsContent value="litigation"><CaseLitigationTab caseRecord={data} canManage={canManage} onSaved={load} /></TabsContent>
         <TabsContent value="overview"><CaseStatusTab caseId={caseId} /></TabsContent>
@@ -151,6 +155,9 @@ function CaseDetail() {
         <TabsContent value="time"><CaseTimeTab caseRecord={data} /></TabsContent>
         <TabsContent value="expenses"><CaseExpensesTab caseId={caseId} /></TabsContent>
         <TabsContent value="invoices"><CaseInvoicesTab caseRecord={data} /></TabsContent>
+        {data.client?.client_type === "hoa" && (
+          <TabsContent value="collections"><CaseCollectionsTab caseRecord={data} /></TabsContent>
+        )}
       </Tabs>
 
       <div className="mt-8 grid grid-cols-2 sm:grid-cols-4 gap-3 text-center text-xs">