From 69bb978526f68ec7bfa5d5fe347c00e1ea47c330 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <ruslanbakiev@dsrptlab.com>
Date: Mon, 26 Jan 2026 18:15:26 +0700
Subject: [PATCH] fix(catalog): add badge when selecting from list + fix
 checkbox position

- onSelectItem now calls selectItem to add filter badge
- Checkbox repositioned to left-[420px] to not hide behind panel
- Hide List button when panel is open
---
 app/components/page/CatalogPage.vue | 7 ++++---
 app/pages/catalog/index.vue         | 5 ++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/components/page/CatalogPage.vue b/app/components/page/CatalogPage.vue
index cac5093..d101c8f 100644
--- a/app/components/page/CatalogPage.vue
+++ b/app/components/page/CatalogPage.vue
@@ -39,8 +39,9 @@
       <span class="text-white text-sm">{{ $t('common.loading') }}</span>
     </div>
 
-    <!-- List button (LEFT, opens panel) -->
+    <!-- List button (LEFT, opens panel) - hide when panel is open -->
     <button
+      v-if="!isPanelOpen"
       class="absolute top-[116px] left-4 z-20 hidden lg:flex items-center gap-2 bg-black/30 backdrop-blur-md rounded-lg px-3 py-1.5 border border-white/10 text-white text-sm hover:bg-black/40 transition-colors"
       @click="openPanel"
     >
@@ -48,10 +49,10 @@
       <span>{{ $t('catalog.list') }}</span>
     </button>
 
-    <!-- Filter by bounds checkbox (LEFT, next to list button, only when panel is open) -->
+    <!-- Filter by bounds checkbox (LEFT, next to panel when open) -->
     <label
       v-if="isPanelOpen"
-      class="absolute top-[116px] left-32 z-20 hidden lg:flex items-center gap-2 bg-black/30 backdrop-blur-md rounded-lg px-3 py-1.5 border border-white/10 cursor-pointer text-white text-sm hover:bg-black/40 transition-colors"
+      class="absolute top-[116px] left-[420px] z-20 hidden lg:flex items-center gap-2 bg-black/30 backdrop-blur-md rounded-lg px-3 py-1.5 border border-white/10 cursor-pointer text-white text-sm hover:bg-black/40 transition-colors"
     >
       <input
         type="checkbox"
diff --git a/app/pages/catalog/index.vue b/app/pages/catalog/index.vue
index c044b80..fdcad4b 100644
--- a/app/pages/catalog/index.vue
+++ b/app/pages/catalog/index.vue
@@ -415,11 +415,10 @@ const onMapSelect = async (item: any) => {
   setLabel(infoType, itemId, itemName)
 }
 
-// Handle selection from SelectionPanel - open Info and close panel
+// Handle selection from SelectionPanel - add to filter (show badge in search)
 const onSelectItem = (type: string, item: any) => {
   if (item.uuid && item.name) {
-    openInfo(type as 'hub' | 'supplier' | 'offer', item.uuid)
-    setLabel(type, item.uuid, item.name)
+    selectItem(type, item.uuid, item.name)
   }
 }