diff --git a/ventaboletos/src/components/vistas/Informacion.jsx b/ventaboletos/src/components/vistas/Informacion.jsx index 97f3112..95ca5d7 100644 --- a/ventaboletos/src/components/vistas/Informacion.jsx +++ b/ventaboletos/src/components/vistas/Informacion.jsx @@ -34,7 +34,7 @@ function Informacion() { if (error) { console.error(error); } else { - setConciertos(conciertos); + setConciertos(data); } }; @@ -45,21 +45,11 @@ function Informacion() { if (error) { console.error(error); } else { - setNumeroAsiento(asientos); - } - }; - - const fetchTipoAsiento = async () => { - let { data: asientos, error } = await supabaseClient - .from("asientos") - .select("categoria"); - if (error) { - console.error(error); - } else { - const uniqueCategories = asientos - .map((asiento) => asiento.categoria) - .filter((value, index, self) => self.indexOf(value) === index); + const uniqueCategories = [ + ...new Set(data.map((asiento) => asiento.categoria)), + ]; setTipoAsiento(uniqueCategories); + setNumeroAsiento(data); } }; @@ -70,12 +60,9 @@ function Informacion() { const handleCategoriaChange = (categoria) => { setSelectedCategoria(categoria); + setAsientoSeleccionado(""); }; - const filteredAsientos = numeroAsiento - .filter((asiento) => asiento.categoria === selectedCategoria) - .sort((a, b) => a.numero_asiento - b.numero_asiento); - const handleAgregarAlCarrito = () => { if (!selectedConcierto || !asientoSeleccionado) { alert("Selecciona un tipo de asiento antes de continuar."); @@ -92,6 +79,10 @@ function Informacion() { setOpen(false); }; + const filteredAsientos = numeroAsiento + .filter((asiento) => asiento.categoria === selectedCategoria) + .sort((a, b) => a.numero_asiento - b.numero_asiento); + return ( <> <div className="space-y-4">