From c29319049cf2cae544233d587e2d933f70c34b9b Mon Sep 17 00:00:00 2001
From: Felipe Coutinho <felipi@live.com>
Date: Sun, 16 Nov 2025 13:42:05 -0300
Subject: [PATCH] =?UTF-8?q?feat:=20adicionar=20=C3=ADcone=20e=20link=20par?=
 =?UTF-8?q?a=20an=C3=A1lise=20de=20parcelas=20no=20sidebar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adiciona um novo item "Análise de Parcelas" no menu lateral com o ícone
RiCalculatorLine, direcionando para a página de análise de parcelas.
---
 .../installment-group-card.tsx                | 39 ++++++++++++-------
 components/sidebar/nav-link.tsx               |  6 +++
 2 files changed, 32 insertions(+), 13 deletions(-)

diff --git a/components/dashboard/installment-analysis/installment-group-card.tsx b/components/dashboard/installment-analysis/installment-group-card.tsx
index cf735e1..15d965e 100644
--- a/components/dashboard/installment-analysis/installment-group-card.tsx
+++ b/components/dashboard/installment-analysis/installment-group-card.tsx
@@ -50,7 +50,7 @@ export function InstallmentGroupCard({
 
   return (
     <Card className={cn(isFullySelected && "border-primary/50")}>
-      <CardContent className="flex flex-col gap-2 py-3">
+      <CardContent className="flex flex-col gap-2 py-1">
         {/* Header do card */}
         <div className="flex items-start gap-3">
           <Checkbox
@@ -63,7 +63,7 @@ export function InstallmentGroupCard({
           <div className="min-w-0 flex-1">
             <div className="flex items-start justify-between gap-3">
               <div className="min-w-0 flex-1">
-                <p className="text-sm font-medium">{group.name}</p>
+                <p className="text-sm font-bold">{group.name}</p>
                 <div className="mt-0.5 flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground">
                   {group.cartaoName && (
                     <>
@@ -154,34 +154,47 @@ export function InstallmentGroupCard({
                   className={cn(
                     "flex items-center gap-3 rounded-md border p-2 transition-colors",
                     isSelected && !isPaid && "border-primary/50 bg-primary/5",
-                    isPaid && "border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-950/30"
+                    isPaid &&
+                      "border-green-200 bg-green-50 dark:border-green-900 dark:bg-green-950/30"
                   )}
                 >
                   <Checkbox
                     checked={isPaid ? false : isSelected}
                     disabled={isPaid}
-                    onCheckedChange={() => !isPaid && onToggleInstallment(installment.id)}
+                    onCheckedChange={() =>
+                      !isPaid && onToggleInstallment(installment.id)
+                    }
                     aria-label={`Selecionar parcela ${installment.currentInstallment} de ${group.totalInstallments}`}
                   />
 
                   <div className="flex min-w-0 flex-1 items-center justify-between gap-3">
                     <div className="min-w-0">
-                      <p className={cn(
-                        "text-sm font-medium",
-                        isPaid && "text-green-700 dark:text-green-400 line-through decoration-green-600/50"
-                      )}>
+                      <p
+                        className={cn(
+                          "text-sm font-medium",
+                          isPaid &&
+                            "text-green-700 dark:text-green-400 line-through decoration-green-600/50"
+                        )}
+                      >
                         Parcela {installment.currentInstallment}/
                         {group.totalInstallments}
                         {isPaid && (
-                          <Badge variant="outline" className="ml-2 text-xs border-green-500 text-green-700 dark:text-green-400">
+                          <Badge
+                            variant="outline"
+                            className="ml-2 text-xs border-green-700 text-green-700 dark:text-green-400"
+                          >
                             Paga
                           </Badge>
                         )}
                       </p>
-                      <p className={cn(
-                        "text-xs",
-                        isPaid ? "text-green-600 dark:text-green-500" : "text-muted-foreground"
-                      )}>
+                      <p
+                        className={cn(
+                          "text-xs",
+                          isPaid
+                            ? "text-green-700 dark:text-green-500"
+                            : "text-muted-foreground"
+                        )}
+                      >
                         Vencimento: {dueDate}
                       </p>
                     </div>
diff --git a/components/sidebar/nav-link.tsx b/components/sidebar/nav-link.tsx
index 6f98af8..a532f5e 100644
--- a/components/sidebar/nav-link.tsx
+++ b/components/sidebar/nav-link.tsx
@@ -2,6 +2,7 @@ import {
   RiArrowLeftRightLine,
   RiBankCardLine,
   RiBankLine,
+  RiCalculatorLine,
   RiCalendarEventLine,
   RiDashboardLine,
   RiFileListLine,
@@ -136,6 +137,11 @@ export function createSidebarNavData(pagadores: PagadorLike[]): SidebarNavData {
             url: "/insights",
             icon: RiSparklingLine,
           },
+          {
+            title: "Análise de Parcelas",
+            url: "/dashboard/analise-parcelas",
+            icon: RiCalculatorLine,
+          },
         ],
       },
     ],