From b8390c4ac6327065801138a8e940bc32687823b1 Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Wed, 21 May 2025 23:41:23 -0300
Subject: [PATCH] Usando pedido de vuex

---
 resources/js/components/comunes/NavBar.vue           | 8 ++++++--
 resources/js/components/pedidos/Body.vue             | 2 ++
 resources/js/components/pedidos/ChismosaDropdown.vue | 8 ++++----
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/comunes/NavBar.vue b/resources/js/components/comunes/NavBar.vue
index d8fba83..a8e54d2 100644
--- a/resources/js/components/comunes/NavBar.vue
+++ b/resources/js/components/comunes/NavBar.vue
@@ -5,8 +5,10 @@
                 <img src="/assets/logoMPS.png" height="28">
             </a>
             <p class="navbar-item hide-below-1024">
+                {{ `Núcleo: ${nombre}` }}
             </p>
             <p class="navbar-item">
+                {{ `Barrio: ${grupo_de_compra}` }}
             </p>
             <chismosa-dropdown
                 v-if="pedidoDefinido"
@@ -50,7 +52,7 @@
 
 <script>
 import ChismosaDropdown from '../pedidos/ChismosaDropdown.vue';
-import { mapActions, mapGetters } from "vuex";
+import { mapActions, mapGetters, mapState } from "vuex";
 
 export default {
     components: { ChismosaDropdown },
@@ -61,7 +63,9 @@ export default {
         }
     },
     computed: {
-        ...mapGetters('pedido',["pedidoDefinido"]),
+        ...mapGetters('pedido', ["pedidoDefinido"]),
+        ...mapState('pedido',["nombre"]),
+        ...mapState('barrio',["grupo_de_compra"]),
     },
     methods: {
         ...mapActions('productos', ["filtrarProductos"]),
diff --git a/resources/js/components/pedidos/Body.vue b/resources/js/components/pedidos/Body.vue
index 06ac1e8..4a73c7d 100644
--- a/resources/js/components/pedidos/Body.vue
+++ b/resources/js/components/pedidos/Body.vue
@@ -22,9 +22,11 @@ export default {
     methods: {
         ...mapActions('productos',["init"]),
         ...mapActions('pedido',["getPedido"]),
+        ...mapActions('barrio',["getGrupoDeCompra"]),
     },
     async mounted() {
         await this.init();
+        await this.getGrupoDeCompra();
         await this.getPedido();
         Event.$on('toggle-chismosa', (activa) => {
             this.chismosaActiva = activa;
diff --git a/resources/js/components/pedidos/ChismosaDropdown.vue b/resources/js/components/pedidos/ChismosaDropdown.vue
index a6fe5de..19b0207 100644
--- a/resources/js/components/pedidos/ChismosaDropdown.vue
+++ b/resources/js/components/pedidos/ChismosaDropdown.vue
@@ -13,6 +13,7 @@
 
 <script>
 import Chismosa from './Chismosa.vue'
+import { mapState } from "vuex";
 export default {
     components: {
         Chismosa
@@ -26,9 +27,11 @@ export default {
     data() {
         return {
             activa: false,
-            total: 0,
         }
     },
+    computed: {
+        ...mapState('pedido',["total"]),
+    },
     mounted() {
         Event.$on('pedido-actualizado', this.actualizar);
     },
@@ -37,9 +40,6 @@ export default {
             this.activa = !this.activa;
             Event.$emit("toggle-chismosa", this.activa);
         },
-        actualizar() {
-            this.total = this.$root.pedido.total;
-        },
     },
 }
 </script>