diff --git a/app/Components/EviarMensaje/EnviarMensaje.tsx b/app/Components/EviarMensaje/EnviarMensaje.tsx index 906b13a..f9d8f17 100644 --- a/app/Components/EviarMensaje/EnviarMensaje.tsx +++ b/app/Components/EviarMensaje/EnviarMensaje.tsx @@ -22,25 +22,44 @@ interface EnviarMensajeProps { titulo: string; } +interface Mensaje { + id_mensaje: number; + mensaje: string; +} + + const EnviarMensaje = ({ titulo }: EnviarMensajeProps) => { const [equipos, setEquipos] = useState([]); const [equipoSeleccionado, setEquipoSeleccionado] = useState(null); const [loadingEquipos, setLoadingEquipos] = useState(false); const [open, setOpen] = useState(false); const [mensaje, setMensaje] = useState(""); + const [mensajes, setMensajes] = useState([]); + const [loadingMensajes, setLoadingMensajes] = useState(false); + const [customMsg, setCustomMsg] = useState(""); useEffect(() => { - const fetchEquipos = async () => { + const fetchData = async () => { try { - const response = await axios.get(`${envConfig.apiUrl}/equipo/busy`); - setEquipos(response.data); + setLoadingMensajes(true); + + const [equiposRes, mensajesRes] = await Promise.all([ + axios.get(`${envConfig.apiUrl}/equipo/busy`), + axios.get(`${envConfig.apiUrl}/mensaje`) + ]); + + setEquipos(equiposRes.data); + setMensajes(mensajesRes.data); + } catch (error) { - console.error("Error cargando equipos:", error); + console.error("Error cargando datos:", error); + } finally { + setLoadingMensajes(false); } }; - fetchEquipos(); + fetchData(); }, []); const handleSubmit = (e: React.FormEvent) => { @@ -111,15 +130,24 @@ const EnviarMensaje = ({ titulo }: EnviarMensajeProps) => {
- -
+ + +