From 52a2250acc721f80a9a5e5d85dd4b9bad99ea1df Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 7 Nov 2024 19:16:06 -0300
Subject: [PATCH] refactor: apply QPopupProxy

---
 src/pages/Order/Card/OrderCatalogFilter.vue | 22 ++++++++-------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/pages/Order/Card/OrderCatalogFilter.vue b/src/pages/Order/Card/OrderCatalogFilter.vue
index 28c54c120..27023262e 100644
--- a/src/pages/Order/Card/OrderCatalogFilter.vue
+++ b/src/pages/Order/Card/OrderCatalogFilter.vue
@@ -29,7 +29,6 @@ const props = defineProps({
     },
 });
 
-const showValueFilterDialog = ref(false);
 const categoryList = ref(null);
 const selectedCategoryFk = ref(null);
 const typeList = ref([]);
@@ -104,14 +103,12 @@ const applyTags = (tagInfo, params, search) => {
     if (!tagInfo || !tagInfo.values.length) {
         params.tagGroups = null;
         search();
-        toggleValueFilterDialog();
         return;
     }
 
     if (!params.tagGroups) params.tagGroups = [];
     params.tagGroups.push(tagInfo);
     search();
-    toggleValueFilterDialog();
 };
 
 const removeTagGroupParam = (params, search, valIndex = null) => {
@@ -149,10 +146,6 @@ function addOrder(value, field, params) {
     vnFilterPanelRef.value.search();
 }
 
-const toggleValueFilterDialog = () => {
-    showValueFilterDialog.value = !showValueFilterDialog.value;
-};
-
 onMounted(() => {
     selectedCategoryFk.value = getParamWhere(route, 'categoryFk');
     selectedTypeFk.value = getParamWhere(route, 'typeFk');
@@ -315,18 +308,19 @@ onMounted(() => {
                             flat
                             color="primary"
                             size="md"
-                            @click="toggleValueFilterDialog()"
                         />
+                        <QPopupProxy>
+                            <CatalogFilterValueDialog
+                                :tags="tags"
+                                @apply-tags="
+                                    ($event) => applyTags($event, params, searchFn)
+                                "
+                            />
+                        </QPopupProxy>
                     </template>
                 </VnInput>
             </QItem>
             <QSeparator />
-            <QDialog v-model="showValueFilterDialog">
-                <CatalogFilterValueDialog
-                    :tags="tags"
-                    @apply-tags="($event) => applyTags($event, params, searchFn)"
-                />
-            </QDialog>
         </template>
     </VnFilterPanel>
 </template>