From 9bb4771fc1b20a1a07ce7677c9739076f2f10af0 Mon Sep 17 00:00:00 2001
From: SirRobert-1 <rviverosgonzalez@gmail.com>
Date: Wed, 5 Mar 2025 08:23:57 -0600
Subject: [PATCH] Fetch seat types from Supabase and update seat selection
logic in Informacion component
---
.../src/components/vistas/Informacion.jsx | 23 +++++++++++++++----
1 file changed, 19 insertions(+), 4 deletions(-)
diff --git a/ventaboletos/src/components/vistas/Informacion.jsx b/ventaboletos/src/components/vistas/Informacion.jsx
index 8a1ca4c..a93f3f7 100644
--- a/ventaboletos/src/components/vistas/Informacion.jsx
+++ b/ventaboletos/src/components/vistas/Informacion.jsx
@@ -19,10 +19,11 @@ function Informacion() {
const [open, setOpen] = useState(false);
const [conciertos, setConciertos] = useState([]);
const [selectedConcierto, setSelectedConcierto] = useState(null);
- const [seatType, setSeatType] = useState("");
+ const [tipoAsiento, setTipoAsiento] = useState([]);
useEffect(() => {
fetchConciertos();
+ fetchTipoAsiento();
}, []);
const fetchConciertos = async () => {
@@ -37,10 +38,23 @@ function Informacion() {
}
};
+ const fetchTipoAsiento = async () => {
+ let { data: asientos, error } = await supabaseClient
+ .from("asientos")
+ .select("categoria");
+ if (error) {
+ console.error(error);
+ } else {
+ setTipoAsiento(asientos);
+ console.log(asientos);
+ }
+ };
+
const handleSelect = (concierto) => {
setSelectedConcierto(concierto);
setOpen(true);
};
+
return (
<>
<div className="space-y-4">
@@ -69,13 +83,14 @@ function Informacion() {
</p>
</DialogHeader>
<div className="space-y-4">
- <Select onValueChange={setSeatType}>
+ <Select onValueChange={setTipoAsiento}>
<SelectTrigger>
<SelectValue placeholder="Selecciona un tipo de asiento" />
</SelectTrigger>
<SelectContent>
- <SelectItem value="premium">Premium</SelectItem>
- <SelectItem value="standard">Standard</SelectItem>
+ {tipoAsiento?.map((tipo) => {
+ <SelectItem value={tipo}>{tipo.categoria}</SelectItem>;
+ })}
</SelectContent>
</Select>
</div>