From 804bd9c95dbc227a71655b42452abf78c3b290f6 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <572431+veikab@users.noreply.github.com>
Date: Mon, 19 Jan 2026 10:02:41 +0700
Subject: [PATCH] Fix catalog pages UI issues

- Remove counter from /catalog/offers search bar
- Add server-clustering to /catalog/offers/[productId]
- Remove transition animations from Card.vue
- Use client-side clustering for suppliers (data from exchange, not geo)
---
 app/components/ui/Card.vue                     | 2 +-
 app/pages/catalog/offers/[productId]/index.vue | 2 ++
 app/pages/catalog/offers/index.vue             | 5 ++---
 app/pages/catalog/suppliers/index.vue          | 2 --
 4 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/app/components/ui/Card.vue b/app/components/ui/Card.vue
index 65394fa..8057391 100644
--- a/app/components/ui/Card.vue
+++ b/app/components/ui/Card.vue
@@ -36,7 +36,7 @@ const cardClass = computed(() => {
   const paddingClass = paddingMap[props.padding] || paddingMap.medium
   const toneClass = toneMap[props.tone] || toneMap.default
   const interactiveClass = props.interactive ? 'cursor-pointer' : ''
-  const baseClass = 'card transition-all duration-200'
+  const baseClass = 'card'
   return [baseClass, paddingClass, toneClass, interactiveClass].filter(Boolean).join(' ')
 })
 </script>
diff --git a/app/pages/catalog/offers/[productId]/index.vue b/app/pages/catalog/offers/[productId]/index.vue
index 433b0da..c99177c 100644
--- a/app/pages/catalog/offers/[productId]/index.vue
+++ b/app/pages/catalog/offers/[productId]/index.vue
@@ -4,6 +4,8 @@
     :loading="isLoading"
     :total-count="hubs.length"
     with-map
+    use-server-clustering
+    cluster-node-type="logistics"
     map-id="offers-product-hubs-map"
     point-color="#10b981"
     :hovered-id="hoveredHubId"
diff --git a/app/pages/catalog/offers/index.vue b/app/pages/catalog/offers/index.vue
index f532555..1782d6e 100644
--- a/app/pages/catalog/offers/index.vue
+++ b/app/pages/catalog/offers/index.vue
@@ -11,11 +11,10 @@
     :hovered-id="hoveredProductId"
     @update:hovered-id="hoveredProductId = $event"
   >
-    <template #searchBar="{ displayedCount, totalCount }">
+    <template #searchBar>
       <CatalogSearchBar
         v-model:search-query="searchQuery"
-        :displayed-count="displayedCount"
-        :total-count="totalCount"
+        :show-counter="false"
       />
     </template>
 
diff --git a/app/pages/catalog/suppliers/index.vue b/app/pages/catalog/suppliers/index.vue
index 158d4e8..d43370f 100644
--- a/app/pages/catalog/suppliers/index.vue
+++ b/app/pages/catalog/suppliers/index.vue
@@ -4,8 +4,6 @@
     :map-items="itemsWithCoords"
     :loading="isLoading"
     with-map
-    use-server-clustering
-    cluster-node-type="supplier"
     map-id="suppliers-map"
     point-color="#3b82f6"
     :selected-id="selectedSupplierId"