calculo: fix pensaoalimenticia

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

src/components/calculos/CalculosList.tsx

@@ -144,12 +144,20 @@ export function CalculosList() {
     <div className="container mx-auto px-4 py-8">
       <div className="flex justify-between items-center mb-6">
         <h1 className="text-2xl font-bold text-gray-900">Cálculos Judiciais</h1>
-        <Link
+        <div className="flex gap-3">
-          to="/calculos/novo"
+          <Link
-          className="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+            to="/calculos/novo"
-        >
+            className="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
-          Novo Cálculo
+          >
-        </Link>
+            Novo Cálculo
+          </Link>
+          <Link
+            to="/pensao-alimenticia/novo"
+            className="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500"
+          >
+            Novo Pensão
+          </Link>
+        </div>
       </div>
       
       {/* Filtros */}

src/components/calculos/DetalhePensaoAlimenticia.tsx

@@ -34,6 +34,7 @@ export function DetalhePensaoAlimenticia() {
   useEffect(() => {
     const loadCalculo = async () => {
       try {
+        // Buscar cálculo pelo endpoint correto
         const response = await api.get(`/api/pensao-alimenticia/${id}`);
         setCalculo(response.data);
       } catch (error) {