dashboard: reimaginacao

Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>

src/components/dashboard/BenchmarkingEscritorio.tsx

@@ -1,50 +1,31 @@
-import React, { useEffect, useState } from 'react';
-
-interface Benchmarking {
-  ajuizados15dias: number;
-  emTramitacao: number;
-}
+import React from 'react';
+import { useBenchmarking } from '../../hooks/useBenchmarking';
 
 export const BenchmarkingEscritorio: React.FC = () => {
-  const [benchmarking, setBenchmarking] = useState<Benchmarking | null>(null);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
+  // Hook para buscar e calcular benchmarking
+  const { data: benchmarking, isLoading, error } = useBenchmarking();
 
-  useEffect(() => {
-    async function fetchBenchmarking() {
-      try {
-        setLoading(true);
-        setError(null);
-        const res = await fetch('/api/benchmarking', {
-          headers: {
-            'Content-Type': 'application/json',
-          },
-        });
-        if (!res.ok) throw new Error('Erro ao buscar benchmarking');
-        const data = await res.json();
-        setBenchmarking(data);
-      } catch (err: any) {
-        setError(err.message);
-      } finally {
-        setLoading(false);
-      }
-    }
-    fetchBenchmarking();
-  }, []);
-
-  if (loading) return <div>Carregando benchmarking...</div>;
-  if (error) return <div className="text-red-600">{error}</div>;
+  if (isLoading) return <div>Carregando benchmarking...</div>;
+  if (error) return <div className="text-red-600">Erro ao buscar benchmarking</div>;
   if (!benchmarking) return null;
 
   return (
     <div className="border rounded p-4 shadow flex flex-col gap-4">
       <div>
-        <span className="font-semibold">Processos ajuizados (últimos 15 dias):</span>
-        <span className="ml-2 text-blue-700 font-bold">{benchmarking.ajuizados15dias}</span>
+        <span className="font-semibold">Total de processos:</span>
+        <span className="ml-2 text-blue-700 font-bold">{benchmarking.totalProcessos}</span>
       </div>
       <div>
-        <span className="font-semibold">Processos em tramitação:</span>
-        <span className="ml-2 text-green-700 font-bold">{benchmarking.emTramitacao}</span>
+        <span className="font-semibold">Processos ativos:</span>
+        <span className="ml-2 text-green-700 font-bold">{benchmarking.ativos}</span>
+      </div>
+      <div>
+        <span className="font-semibold">Julgados procedentes:</span>
+        <span className="ml-2 text-green-700 font-bold">{benchmarking.procedentes}</span>
+      </div>
+      <div>
+        <span className="font-semibold">Improcedentes/Sem análise de mérito:</span>
+        <span className="ml-2 text-red-700 font-bold">{benchmarking.improcedentesOuSemMerito}</span>
       </div>
     </div>
   );