From a16487cc3f3a26419995af33c7b18dc139d4b4f7 Mon Sep 17 00:00:00 2001
From: ale <ale.tasistro@gmail.com>
Date: Mon, 16 Jun 2025 17:05:18 -0300
Subject: [PATCH] Logica de infoTags movida a modulo ui

---
 resources/js/components/comunes/InfoTags.vue | 12 ++++++------
 resources/js/store/modules/ui.js             |  4 ++++
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/resources/js/components/comunes/InfoTags.vue b/resources/js/components/comunes/InfoTags.vue
index c348cf8..ba3ab2e 100644
--- a/resources/js/components/comunes/InfoTags.vue
+++ b/resources/js/components/comunes/InfoTags.vue
@@ -1,13 +1,14 @@
 <script>
-import { mapActions, mapState } from "vuex";
+import { mapActions, mapMutations, mapState } from "vuex";
 
 export default {
     name: "InfoTags",
     computed: {
-        ...mapState("ui", ["canasta_actual"])
+        ...mapState("ui", ["canasta_actual", "show_tags"])
     },
     methods: {
         ...mapActions("ui", ["getCanastaActual"]),
+        ...mapMutations("ui", ["toggleTags"])
     },
     async mounted() {
         await this.getCanastaActual();
@@ -19,7 +20,6 @@ export default {
         return {
             nombreCanasta: "",
             fechaCanasta: "",
-            visible: true,
         }
     },
 }
@@ -27,14 +27,14 @@ export default {
 
 <template>
     <div>
-        <div v-if="!visible" class="info-tab" @click="visible = true">
+        <div v-if="!show_tags" class="info-tab" @click="toggleTags">
             <button class="button is-borderless" type="button">
                 <span class="icon">
                     <i class="fas fa-info-circle"></i>
                 </span>
             </button>
         </div>
-        <div v-if="visible" class="box sticky-tags">
+        <div v-if="show_tags" class="box sticky-tags">
             <div class="field is-grouped is-grouped-multiline">
                 <div class="control">
                     <div class="tags has-addons">
@@ -48,7 +48,7 @@ export default {
                         <span class="tag is-danger">{{ fechaCanasta }}</span>
                     </div>
                 </div>
-                <button class="delete" type="button" @click="visible = false"></button>
+                <button class="delete" type="button" @click="toggleTags"></button>
             </div>
         </div>
     </div>
diff --git a/resources/js/store/modules/ui.js b/resources/js/store/modules/ui.js
index 02367ec..ade6551 100644
--- a/resources/js/store/modules/ui.js
+++ b/resources/js/store/modules/ui.js
@@ -1,6 +1,7 @@
 const state = {
     show_chismosa: false,
     show_devoluciones: false,
+    show_tags: true,
     migas: [{ nombre: 'Pedidos', action: 'pedido/resetear' }],
     canasta_actual: null,
 };
@@ -15,6 +16,9 @@ const mutations = {
     toggleDevoluciones(state) {
         state.show_devoluciones = !state.show_devoluciones;
     },
+    toggleTags(state) {
+        state.show_tags = !state.show_tags;
+    },
     addMiga(state, miga) {
         state.migas.push(miga);
     },