From 20465804dadf30190c23099aeb3f38068d627494 Mon Sep 17 00:00:00 2001
From: Tyrone Tse <ttse@adobe.com>
Date: Fri, 23 Feb 2024 13:53:03 -0600
Subject: [PATCH] Updated function loadMoreData to get all the collections to
 populate them in the Collection dropdown list. Deleted the 
 dropdownSelect.addEventListener('scroll' .... as the <select> tag does not
 support the scroll event

---
 .../adp-add-to-collection-modal.js                  | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/blocks/adp-add-to-collection-modal/adp-add-to-collection-modal.js b/blocks/adp-add-to-collection-modal/adp-add-to-collection-modal.js
index c1e51e40..b1a33029 100644
--- a/blocks/adp-add-to-collection-modal/adp-add-to-collection-modal.js
+++ b/blocks/adp-add-to-collection-modal/adp-add-to-collection-modal.js
@@ -43,15 +43,16 @@ async function createDropdown(addToExistingRadioDropboxContainer) {
     dropdownSelect.classList.add('add-to-existing-dropdown'); // Add the new class
 
     // Function to load more data when reaching the end of the dropdown
-    //const loadMoreData = async (cursor) => {
     const loadMoreData = async (page) => {
-      const collectionData = await searchListCollection(100, page);
+      //Call to get the nbHits for the total number of Collections
+      let collectionMax = await searchListCollection(0,0);
+      const collectionData = await searchListCollection(collectionMax.nbHits,page);
       return collectionData;
     };
 
-    let page = 0;
-
     // Event listener to detect scroll and load more data when at the bottom
+    /* The scroll event is commented out, since the <select> does not support it
+
     dropdownSelect.addEventListener('scroll', async () => {
       if (dropdownSelect.scrollTop + dropdownSelect.clientHeight >= dropdownSelect.scrollHeight) {
         const moreData = await loadMoreData(page);
@@ -68,12 +69,12 @@ async function createDropdown(addToExistingRadioDropboxContainer) {
         }
       }
     });
+    */
 
+    const page = 0;
     // Initial data loading
     const initialData = await loadMoreData(page);
     if (initialData.items.length > 0) {
-      //Update page to next load
-      page++;
 
       // Populate the options in the dropdown with the initial data
       initialData.items.forEach((collection) => {