Changes

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

src/routes/cases.$caseId.tsx

@@ -10,7 +10,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { supabase } from "@/integrations/supabase/client";
-import { ArrowLeft, FileText, Clock, DollarSign, Activity, Receipt, Scale, Users, Contact, Phone, Tag, Archive, ArchiveRestore, ArrowRightLeft, Search, GitFork, Wallet, CheckSquare, Mail } from "lucide-react";
+import { ArrowLeft, FileText, Clock, DollarSign, Activity, Receipt, Scale, Users, Contact, Phone, Tag, Archive, ArchiveRestore, ArrowRightLeft, Search, GitFork, Wallet, CheckSquare, Mail, CalendarClock } from "lucide-react";
 import { TrustAccountPanel } from "@/components/trust/trust-account-panel";
 import { ConvertToCollectionsDialog } from "@/components/cases/convert-to-collections-dialog";
 import { ContactsLinkTab } from "@/components/contacts/contacts-link-tab";
@@ -26,6 +26,7 @@ import { CaseCollectionsTab } from "@/components/cases/collections-tab";
 import { CaseCustomFieldsTab } from "@/components/cases/custom-fields-tab";
 import { CaseTasksTab } from "@/components/cases/tasks-tab";
 import { CaseMessagesTab } from "@/components/cases/messages-tab";
+import { CasePaymentPlansTab } from "@/components/cases/payment-plans-tab";
 import { setArchived } from "@/lib/archive";
 import { toast } from "sonner";
 import { useAuth } from "@/lib/auth";
@@ -318,6 +319,7 @@ function CaseTabs({ data, caseId, canManage, load, tab, onTabChange }: { data: a
         <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>
+        <TabsTrigger value="plans"><CalendarClock className="h-3.5 w-3.5 mr-1.5" />Payment plans</TabsTrigger>
         {data.client_id && (
           <TabsTrigger value="trust"><Wallet className="h-3.5 w-3.5 mr-1.5" />Trust</TabsTrigger>
         )}
@@ -336,6 +338,7 @@ function CaseTabs({ data, caseId, canManage, load, tab, onTabChange }: { data: a
       <TabsContent value="time"><CaseTimeTab caseRecord={data} onInvoice={() => onTabChange("invoices")} /></TabsContent>
       <TabsContent value="expenses"><CaseExpensesTab caseId={caseId} /></TabsContent>
       <TabsContent value="invoices"><CaseInvoicesTab caseRecord={data} /></TabsContent>
+      <TabsContent value="plans"><CasePaymentPlansTab caseRecord={data} /></TabsContent>
       {data.client_id && (
         <TabsContent value="trust"><TrustAccountPanel clientId={data.client_id} caseId={caseId} /></TabsContent>
       )}