From a7ef1407dc47e58feec848fab79a31780ba4bc72 Mon Sep 17 00:00:00 2001
From: Felipe Coutinho <felipi@live.com>
Date: Sun, 16 Nov 2025 17:08:30 -0300
Subject: [PATCH] =?UTF-8?q?refactor:=20melhorar=20a=20formata=C3=A7=C3=A3o?=
 =?UTF-8?q?=20e=20a=20legibilidade=20do=20c=C3=B3digo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Ajusta a formatação da função toggleInstallmentSelection para melhor legibilidade.
- Refatora a busca de grupos de parcelas para uma única linha.
- Remove a importação não utilizada do ícone RiCalculatorLine no nav-link.
- Adiciona o ícone RiCalculatorLine de volta ao widget de análise de parcelas.
---
 .../installment-analysis-page.tsx                | 16 +++++++++-------
 .../installment-group-card.tsx                   |  5 ++---
 components/sidebar/nav-link.tsx                  |  6 ------
 lib/dashboard/widgets/widgets-config.tsx         |  4 +++-
 4 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/components/dashboard/installment-analysis/installment-analysis-page.tsx b/components/dashboard/installment-analysis/installment-analysis-page.tsx
index c132535..1f86f95 100644
--- a/components/dashboard/installment-analysis/installment-analysis-page.tsx
+++ b/components/dashboard/installment-analysis/installment-analysis-page.tsx
@@ -76,7 +76,10 @@ export function InstallmentAnalysisPage({
   };
 
   // Função para selecionar/desselecionar parcela individual
-  const toggleInstallmentSelection = (seriesId: string, installmentId: string) => {
+  const toggleInstallmentSelection = (
+    seriesId: string,
+    installmentId: string
+  ) => {
     const newMap = new Map(selectedInstallments);
     const current = newMap.get(seriesId) || new Set<string>();
 
@@ -101,9 +104,7 @@ export function InstallmentAnalysisPage({
     let installmentsCount = 0;
 
     selectedInstallments.forEach((installmentIds, seriesId) => {
-      const group = data.installmentGroups.find(
-        (g) => g.seriesId === seriesId
-      );
+      const group = data.installmentGroups.find((g) => g.seriesId === seriesId);
       if (group) {
         installmentIds.forEach((id) => {
           const installment = group.pendingInstallments.find(
@@ -141,8 +142,8 @@ export function InstallmentAnalysisPage({
       </div>
 
       {/* Card de resumo principal */}
-      <Card className="border-primary/20 bg-gradient-to-br from-primary/5 to-primary/10">
-        <CardContent className="flex flex-col items-center justify-center gap-2 py-5">
+      <Card className="border-primary/20 bg-linear-to-br from-primary/5 to-primary/10">
+        <CardContent className="flex flex-col items-start justify-center gap-2 py-5">
           <p className="text-xs font-medium text-muted-foreground">
             Se você pagar tudo que está selecionado:
           </p>
@@ -151,7 +152,8 @@ export function InstallmentAnalysisPage({
             className="text-3xl font-bold text-primary"
           />
           <p className="text-xs text-muted-foreground">
-            {selectedCount} {selectedCount === 1 ? "parcela" : "parcelas"} selecionadas
+            {selectedCount} {selectedCount === 1 ? "parcela" : "parcelas"}{" "}
+            selecionadas
           </p>
         </CardContent>
       </Card>
diff --git a/components/dashboard/installment-analysis/installment-group-card.tsx b/components/dashboard/installment-analysis/installment-group-card.tsx
index 4620d0d..a4889b1 100644
--- a/components/dashboard/installment-analysis/installment-group-card.tsx
+++ b/components/dashboard/installment-analysis/installment-group-card.tsx
@@ -52,7 +52,7 @@ export function InstallmentGroupCard({
 
   return (
     <Card className={cn(isFullySelected && "border-primary/50")}>
-      <CardContent className="flex flex-col gap-2 py-1">
+      <CardContent className="flex flex-col gap-2">
         {/* Header do card */}
         <div className="flex items-start gap-3">
           <Checkbox
@@ -98,8 +98,7 @@ export function InstallmentGroupCard({
                   {group.paidInstallments} de {group.totalInstallments} pagas
                 </span>
                 <span>
-                  {unpaidCount}{" "}
-                  {unpaidCount === 1 ? "pendente" : "pendentes"}
+                  {unpaidCount} {unpaidCount === 1 ? "pendente" : "pendentes"}
                 </span>
               </div>
               <Progress value={progress} className="h-1.5" />
diff --git a/components/sidebar/nav-link.tsx b/components/sidebar/nav-link.tsx
index a532f5e..6f98af8 100644
--- a/components/sidebar/nav-link.tsx
+++ b/components/sidebar/nav-link.tsx
@@ -2,7 +2,6 @@ import {
   RiArrowLeftRightLine,
   RiBankCardLine,
   RiBankLine,
-  RiCalculatorLine,
   RiCalendarEventLine,
   RiDashboardLine,
   RiFileListLine,
@@ -137,11 +136,6 @@ export function createSidebarNavData(pagadores: PagadorLike[]): SidebarNavData {
             url: "/insights",
             icon: RiSparklingLine,
           },
-          {
-            title: "Análise de Parcelas",
-            url: "/dashboard/analise-parcelas",
-            icon: RiCalculatorLine,
-          },
         ],
       },
     ],
diff --git a/lib/dashboard/widgets/widgets-config.tsx b/lib/dashboard/widgets/widgets-config.tsx
index 11a86bf..55f6563 100644
--- a/lib/dashboard/widgets/widgets-config.tsx
+++ b/lib/dashboard/widgets/widgets-config.tsx
@@ -19,6 +19,7 @@ import {
   RiBarChartBoxLine,
   RiBarcodeLine,
   RiBillLine,
+  RiCalculatorLine,
   RiExchangeLine,
   RiLineChartLine,
   RiMoneyDollarCircleLine,
@@ -139,8 +140,9 @@ export const widgetsConfig: WidgetConfig[] = [
     action: (
       <Link
         href="/dashboard/analise-parcelas"
-        className="text-xs font-medium text-muted-foreground hover:text-primary transition-colors"
+        className="text-sm font-medium text-muted-foreground hover:text-primary transition-colors"
       >
+        <RiCalculatorLine className="inline mr-1 size-4" />
         Análise
       </Link>
     ),