Enable server-side clustering on all catalog pages
All checks were successful
Build Docker Image / build (push) Successful in 4m37s

- Add clusterNodeType prop to CatalogPage
- Update useClusteredNodes to accept nodeType parameter
- Enable server clustering on /offers and /suppliers pages
- Add hoveredId sync on /offers page
- Remove hover:shadow-lg animation from Card
This commit is contained in:
Ruslan Bakiev
2026-01-16 17:32:59 +07:00
parent d3bc7e9c09
commit 43310f5c28
7 changed files with 25 additions and 5 deletions

View File

@@ -210,6 +210,7 @@ const props = withDefaults(defineProps<{
loading?: boolean
withMap?: boolean
useServerClustering?: boolean // Use server-side h3 clustering for ALL points
clusterNodeType?: string // Node type for clustering: 'logistics' | 'offer' | 'supplier'
mapId?: string
pointColor?: string
selectedId?: string
@@ -220,6 +221,7 @@ const props = withDefaults(defineProps<{
loading: false,
withMap: true,
useServerClustering: false,
clusterNodeType: 'logistics',
mapId: 'catalog-map',
pointColor: '#3b82f6',
hasSubNav: true,
@@ -251,7 +253,8 @@ const emit = defineEmits<{
}>()
// Server-side clustering
const { clusteredNodes, fetchClusters } = useClusteredNodes()
const nodeTypeRef = computed(() => props.clusterNodeType)
const { clusteredNodes, fetchClusters } = useClusteredNodes(undefined, nodeTypeRef)
// Search with map checkbox
const searchWithMap = ref(false)