diff --git a/resources/js/components/comisiones/barrios/ModalBarrio.vue b/resources/js/components/comisiones/barrios/ModalBarrio.vue
index 9e90775..e5ef2d5 100644
--- a/resources/js/components/comisiones/barrios/ModalBarrio.vue
+++ b/resources/js/components/comisiones/barrios/ModalBarrio.vue
@@ -4,7 +4,7 @@
         <div class="modal-card">
             <header class="modal-card-head">
                 <p class="modal-card-title">Modificar barrio</p>
-                <button class="delete" aria-label="close" @click.capture="toggleModalBarrio"></button>
+                <button class="delete" aria-label="close" @click.capture="cerrar"></button>
             </header>
             <section class="modal-card-body">
                 <div class="field has-addons is-centered is-thin-centered">
@@ -39,7 +39,7 @@
                 </div>
             </section>
             <footer class="modal-card-foot is-justify-content-right">
-                <button class="button" @click="toggleModalBarrio">Cancelar</button>
+                <button class="button" @click="cerrar">Cancelar</button>
                 <button class="button is-success" @click="modificar">Aceptar</button>
             </footer>
         </div>
@@ -65,12 +65,26 @@ export default {
         ...mapState('comisiones', ["grupo_de_compra_actual"]),
     },
     methods: {
+        ...mapMutations("comisiones", ["seleccionarGrupoDeCompra"]),
         ...mapMutations('ui', ["toggleModalBarrio"]),
+        ...mapActions("comisiones", ["modificarBarrio"]),
         ...mapActions('ui', ["toast"]),
-        modificar() {
-            this.toast({
-                mensaje: "Modificar barrio"
-            });
+        async modificar() {
+            const nombre = this.nombreControl !== this.grupo_de_compra_actual.nombre ? this.nombreControl : undefined;
+            const region = this.regionControl !== this.grupo_de_compra_actual.region ? this.regionControl : undefined;
+            await this.modificarBarrio({
+                gdc_id: this.grupo_de_compra_actual.id,
+                nombre: nombre,
+                region: region,
+                passBarrio: this.passBarrio,
+                passAdmin: this.passAdmin,
+                passOllas: this.passOllas,
+            })
+            this.cerrar();
+        },
+        cerrar() {
+            this.toggleModalBarrio();
+            this.seleccionarGrupoDeCompra(false);
         },
     },
     mounted() {