Fetch seat types from Supabase and update seat selection logic in Informacion component

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>