Enable server-side clustering on all catalog pages
All checks were successful
Build Docker Image / build (push) Successful in 4m37s
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:
@@ -4,8 +4,12 @@
|
||||
:loading="isLoading"
|
||||
:total-count="products.length"
|
||||
with-map
|
||||
use-server-clustering
|
||||
cluster-node-type="offer"
|
||||
map-id="offers-products-map"
|
||||
point-color="#3b82f6"
|
||||
:hovered-id="hoveredProductId"
|
||||
@update:hovered-id="hoveredProductId = $event"
|
||||
>
|
||||
<template #searchBar="{ displayedCount, totalCount }">
|
||||
<CatalogSearchBar
|
||||
@@ -58,6 +62,9 @@ const { t } = useI18n()
|
||||
|
||||
const { items: products, isLoading, init } = useCatalogProducts()
|
||||
|
||||
// Hovered product for map sync
|
||||
const hoveredProductId = ref<string>()
|
||||
|
||||
// Search
|
||||
const searchQuery = ref('')
|
||||
|
||||
|
||||
@@ -4,6 +4,8 @@
|
||||
:map-items="itemsWithCoords"
|
||||
:loading="isLoading"
|
||||
with-map
|
||||
use-server-clustering
|
||||
cluster-node-type="supplier"
|
||||
map-id="suppliers-map"
|
||||
point-color="#3b82f6"
|
||||
:selected-id="selectedSupplierId"
|
||||
|
||||
Reference in New Issue
Block a user