diff --git a/resources/js/components/comisiones/barrios/ModalBarrio.vue b/resources/js/components/comisiones/barrios/ModalBarrio.vue
index e5ef2d5..4198c99 100644
--- a/resources/js/components/comisiones/barrios/ModalBarrio.vue
+++ b/resources/js/components/comisiones/barrios/ModalBarrio.vue
@@ -40,7 +40,7 @@
             </section>
             <footer class="modal-card-foot is-justify-content-right">
                 <button class="button" @click="cerrar">Cancelar</button>
-                <button class="button is-success" @click="modificar">Aceptar</button>
+                <button class="button is-success" @click="confirmar">Aceptar</button>
             </footer>
         </div>
     </div>
@@ -62,13 +62,28 @@ export default {
     },
     computed: {
         ...mapState('ui', ["show_modal_barrio"]),
-        ...mapState('comisiones', ["grupo_de_compra_actual"]),
+        ...mapState('comisiones', ["grupo_de_compra_actual", "grupo_de_compra_nuevo"]),
     },
     methods: {
         ...mapMutations("comisiones", ["seleccionarGrupoDeCompra"]),
         ...mapMutations('ui', ["toggleModalBarrio"]),
-        ...mapActions("comisiones", ["modificarBarrio"]),
-        ...mapActions('ui', ["toast"]),
+        ...mapActions("comisiones", ["modificarBarrio", "crearBarrio"]),
+        ...mapActions('ui', ["toast", "error"]),
+        async confirmar() {
+            if (this.grupo_de_compra_nuevo)
+                this.crear();
+            else
+                this.modificar();
+        },
+        async crear() {
+            await this.crearBarrio({
+                nombre: this.nombreControl,
+                region: this.regionControl,
+                passBarrio: this.passBarrio,
+                passAdmin: this.passAdmin,
+                passOllas: this.passOllas
+            });
+        },
         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;
@@ -84,7 +99,7 @@ export default {
         },
         cerrar() {
             this.toggleModalBarrio();
-            this.seleccionarGrupoDeCompra(false);
+            this.seleccionarGrupoDeCompra({ grupoDeCompra: false });
         },
     },
     mounted() {