Show all relevant thumbnails (#1273)

wix-incubator · Aug 18, 2024 · 90f2d8d · 90f2d8d
1 parent c05bcb6
commit 90f2d8d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/gallery/src/components/gallery/proGallery/navigationPanel.js b/packages/gallery/src/components/gallery/proGallery/navigationPanel.js
@@ -70,7 +70,7 @@ class NavigationPanel extends React.Component {
  style={{ ...thumbnailsStyle }}
  >
  {items.map(({ thumbnailItem, location, idx }) => {
- const highlighted = idx === activeIndex % items.length;
+ const highlighted = idx === activeIndex % clearedGalleryItems.length;
  const itemStyle = {
  width: options[optionsMap.layoutParams.thumbnails.size],
  height: options[optionsMap.layoutParams.thumbnails.size],

diff --git a/packages/lib/src/core/helpers/thumbnailsLogic.ts b/packages/lib/src/core/helpers/thumbnailsLogic.ts
@@ -96,7 +96,7 @@ function getThumbnailsData({
  const numberOfThumbnails = minNumOfThumbnails % 2 === 1 ? minNumOfThumbnails : minNumOfThumbnails + 1;
  const thumbnailsInEachSide = (numberOfThumbnails - 1) / 2;
 
- const itemRangeStart = activeIndexWithOffset - thumbnailsInEachSide;
+ const itemRangeStart = (activeIndexWithOffset % galleryItems.length) - thumbnailsInEachSide;
  const itemRangeEnd = itemRangeStart + numberOfThumbnails;
 
  const itemToDisplay = withInfiniteScroll