diff --git a/app/Components/ActivosMantenimiento/Areas.tsx b/app/Components/ActivosMantenimiento/Areas.tsx
index 5c62fa1..2f7b1fe 100644
--- a/app/Components/ActivosMantenimiento/Areas.tsx
+++ b/app/Components/ActivosMantenimiento/Areas.tsx
@@ -25,15 +25,36 @@ export default function Areas() {
       });
   }, []);
 
-  const handleActualizar = (e: React.FormEvent<HTMLFormElement>) => {
+  const handleActualizar = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
-    if (!areas) {
+    if (!selectedArea) {
       toast.error("Selecciona un área antes de actualizar");
       return;
     }
+
+    if (!modo) {
+      toast.error("Selecciona un modo");
+      return;
+    }
+
+    try {
+      await axios.patch(
+        `${envConfig.apiUrl}/equipo/actualizar-area`,
+        {
+          id_area_ubicacion: Number(selectedArea),
+          activo: modo === "Activo",
+        }
+      );
+
+      toast.success("Equipos actualizados correctamente");
+    } catch (error) {
+      console.error(error);
+      toast.error("Error al actualizar los equipos");
+    }
   };
 
+
   return (
     <form className="containerForm" onSubmit={handleActualizar}>
       <label className="label">Áreas</label>
@@ -45,11 +66,15 @@ export default function Areas() {
           onChange={(e) => setSelectedArea(e.target.value)}
         >
           <option value="">-- Selecciona una opción --</option>
-          {areas.map((area: any, index) => (
-            <option key={index} value={area.area}>
+          {areas.map((area: any) => (
+            <option
+              key={area.id_area_ubicacion}
+              value={area.id_area_ubicacion}
+            >
               {area.area}
             </option>
           ))}
+
         </select>
 
         <div className="radio-grid">