From fc6cc4c5343c2439afe5ca93527df122006a6fd1 Mon Sep 17 00:00:00 2001
From: julian <julian@jcsinformatica.com.br>
Date: Wed, 24 Jun 2026 17:47:14 +0000
Subject: [PATCH] fix(web): navigate indefinido em ClientsPage + deprecations
 AntD 6.x
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adiciona useNavigate() no corpo de ClientsPage (faltava; sub-componentes já tinham).
Substitui Space direction→orientation (4 ocorrências) e Progress trailColor→railColor.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 apps/web/src/cockpits/rep/ClientsPage.tsx | 9 +++++----
 apps/web/src/cockpits/rep/RepPainel.tsx   | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/cockpits/rep/ClientsPage.tsx b/apps/web/src/cockpits/rep/ClientsPage.tsx
index 0c35a09..d61c2a4 100644
--- a/apps/web/src/cockpits/rep/ClientsPage.tsx
+++ b/apps/web/src/cockpits/rep/ClientsPage.tsx
@@ -277,7 +277,7 @@ function CustomerPortfolioCard({ stats }: { stats: PortfolioStats }) {
         )}
       </div>
 
-      <Space direction="vertical" size={6} style={{ width: '100%', marginBottom: 16 }}>
+      <Space orientation="vertical" size={6} style={{ width: '100%', marginBottom: 16 }}>
         {legendItems.map((item) => {
           const pct = total > 0 ? ((item.value / total) * 100).toFixed(1) : '0.0';
           return (
@@ -475,7 +475,7 @@ function CustomerDetailsDrawer({
         </Space>
       }
     >
-      <Space direction="vertical" size={20} style={{ width: '100%' }}>
+      <Space orientation="vertical" size={20} style={{ width: '100%' }}>
         {/* Identificação */}
         <Card
           style={{ borderRadius: 8, background: '#F8FAFC', border: '1px solid #EBF0F5' }}
@@ -626,7 +626,7 @@ function CustomerDetailsDrawer({
               {loadingOrders ? (
                 <Spin size="small" />
               ) : (
-                <Space direction="vertical" size={6} style={{ width: '100%' }}>
+                <Space orientation="vertical" size={6} style={{ width: '100%' }}>
                   {orders.slice(0, 5).map((p) => (
                     <div
                       key={p.id}
@@ -760,7 +760,7 @@ function CustomerAnalysisDrawer({
       placement="right"
       styles={{ body: { padding: '16px 24px' } }}
     >
-      <Space direction="vertical" size={20} style={{ width: '100%' }}>
+      <Space orientation="vertical" size={20} style={{ width: '100%' }}>
         <div>
           <Text strong style={{ fontSize: 17, color: '#1F2937', display: 'block' }}>
             {summary.nome}
@@ -1042,6 +1042,7 @@ export function ClientsPage() {
   const screens = useBreakpoint();
   const isMobile = !screens.md;
   const { message: msg } = App.useApp();
+  const navigate = useNavigate();
 
   const stats = usePortfolioStats();
 
diff --git a/apps/web/src/cockpits/rep/RepPainel.tsx b/apps/web/src/cockpits/rep/RepPainel.tsx
index 21f81b4..274d329 100644
--- a/apps/web/src/cockpits/rep/RepPainel.tsx
+++ b/apps/web/src/cockpits/rep/RepPainel.tsx
@@ -212,7 +212,7 @@ export function RepPainel() {
                 percent={Math.min(meta.pct, 100)}
                 showInfo={false}
                 strokeColor="var(--jcs-blue)"
-                trailColor="var(--jcs-blue-light)"
+                railColor="var(--jcs-blue-light)"
               />
               {meta.falta > 0 ? (
                 <Text style={{ fontSize: 'var(--text-md)' }}>