Issue #338: Removing empty collection from Infinite Scroll

src/app/components/InfiniteScrollCards.js

@@ -81,6 +81,7 @@ export default function InfiniteScrollCards({ setMecLoading, data, searchClass,
                 return (
                     <div className="justify-center ml-8">
                       {data?.map((item) => (
+                        item.collection_items?.length > 0 && (
                           <div
                             key={item.id}
                             className="bg-white-HC-dark  outline outline-1 outline-ice-HC-white mb-10 pt-6 px-4 rounded-2xl relative"
@@ -118,7 +119,7 @@ export default function InfiniteScrollCards({ setMecLoading, data, searchClass,
                                 collectionId={item.id}
                               />
                             </div>
-                        </div>
+                          </div>)
                       ))}
                     </div>
                 );