diff --git a/src/app/carga/page.tsx b/src/app/carga/page.tsx index dd275a2..fbd4796 100644 --- a/src/app/carga/page.tsx +++ b/src/app/carga/page.tsx @@ -37,7 +37,9 @@ export default function Dashboard() { }); if (!response.ok) { - throw new Error("Error al descargar la base de datos"); + const errorBody = await response.json(); + alert(`Error al descargar: ${errorBody.message}`); + return; } const blob = await response.blob(); diff --git a/src/app/visualizacion/page.tsx b/src/app/visualizacion/page.tsx index 971c58e..e21315a 100644 --- a/src/app/visualizacion/page.tsx +++ b/src/app/visualizacion/page.tsx @@ -1,9 +1,6 @@ "use client"; import React, { useState } from "react"; -import axios from "axios"; - -import Select from "@/components/select"; import Input from "@/components/input"; import Button from "@/components/button"; @@ -15,23 +12,29 @@ export default function Dashboard() { const [error, setError] = useState(''); const handleSubmit = async () => { + if (!value) { + setError("Ingresa un número de cuenta válido"); + return; + } + setLoading(true); + setError(''); + setResultados([]); + try { - const response = await axios.get(`/api/usuarios`, { - params: { - tipo, - cuenta: value, - }, - }); - setResultados(response.data); + const res = await fetch(`http://localhost:4000/usuarios/${value}`); + + if (!res.ok) { + const errData = await res.json(); + throw new Error(errData.message || "Error al consultar usuario"); + } + + const data = await res.json(); + setResultados(data); } catch (err: any) { - const message = - err.response?.data?.message || - err.message || - 'Error al iniciar sesión'; + const message = err.message || "Error desconocido"; setError(message); - console.error("Error al obtener datos:", error); - setResultados([]); + console.error("Error al obtener datos:", err); } finally { setLoading(false); } @@ -73,19 +76,6 @@ export default function Dashboard() { >

Visualización De Datos

- + {error && (

{error}

)} - {/* Resultados */} + {resultados.length > 0 && (