Bug fix - Show all relevant thumbnails (#1272)

* fix highlighted thumbnail calc * show all relevant thumbnails according to the cur activeIndex
wix-incubator · Aug 15, 2024 · ab128f4 · ab128f4
1 parent afd5a87
commit ab128f4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/gallery/src/components/gallery/proGallery/navigationPanel.js b/packages/gallery/src/components/gallery/proGallery/navigationPanel.js
@@ -83,7 +83,8 @@ 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: thumbnailSize,
               height: thumbnailSize,

diff --git a/packages/gallery/src/components/helpers/thumbnailsLogic.ts b/packages/gallery/src/components/helpers/thumbnailsLogic.ts
@@ -104,7 +104,8 @@ export function getThumbnailsData({
     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