Agregados datos de canasta actual a nav-bar

resources/js/components/comunes/NavBar.vue

@@ -4,9 +4,12 @@
             <a class="navbar-item" href="https://mps.org.uy">
                 <img src="/assets/logoMPS.png" height="28">
             </a>
-            <div class="navbar-item" id="datos-pedido" v-if="pedidoDefinido">
-                <p class="hide-below-1024">
-                    {{ `Núcleo: ${nombre} - Barrio: ${grupo_de_compra.nombre}` }}
+            <div class="navbar-item hide-below-1024">
+                <p>
+                    {{ `Canasta actual: ${nombreCanasta} - Actualizada: ${fechaCanasta}`}}
+                </p>
+                <p class="ml-2" v-if="pedidoDefinido">
+                    {{ `- Núcleo: ${nombre} - Barrio: ${grupo_de_compra.nombre}` }}
                 </p>
             </div>
             <chismosa-dropdown
@@ -58,16 +61,20 @@ export default {
         return {
             burgerActiva: false,
             searchString: "",
+            nombreCanasta: "",
+            fechaCanasta: "",
         }
     },
     computed: {
         ...mapGetters('pedido', ["pedidoDefinido"]),
         ...mapState('pedido', ["nombre"]),
         ...mapState('pedido', ["grupo_de_compra"]),
+        ...mapState('ui', ["canasta_actual"])
     },
     methods: {
         ...mapActions('productos', ["filtrarProductos"]),
         ...mapMutations('ui', ["addMiga", "popUltimaBusqueda"]),
+        ...mapActions('ui', ["getCanastaActual"]),
         toggleBurger() {
             this.burgerActiva = !this.burgerActiva
         },
@@ -79,6 +86,12 @@ export default {
             this.addMiga({ nombre: this.searchString });
         }
     },
+    async mounted() {
+        await this.getCanastaActual();
+        this.fechaCanasta = new Date(this.canasta_actual.fecha)
+            .toLocaleDateString('es-UY');
+        this.nombreCanasta = this.canasta_actual.nombre;
+    }
 };
 </script>
 

resources/js/store/modules/ui.js

@@ -2,9 +2,13 @@ const state = {
     show_chismosa: false,
     show_devoluciones: false,
     migas: [{ nombre: 'Pedidos', action: 'pedido/resetear' }],
+    canasta_actual: null,
 };
 
 const mutations = {
+    setCanastaActual(state, { canasta }) {
+        state.canasta_actual = canasta;
+    },
     toggleChismosa(state) {
         state.show_chismosa = !state.show_chismosa;
     },
@@ -25,6 +29,10 @@ const mutations = {
 };
 
 const actions = {
+    async getCanastaActual({ commit }) {
+        const response = await axios.get('/api/canasta-actual');
+        commit("setCanastaActual", { canasta: response.data });
+    },
     clickMiga({ dispatch }, { miga }) {
         let dropWhile = (array, pred) => {
             let result = array.slice(0);