attempt to simplify Carousel changes

devflowinc · Dec 18, 2024 · 0067911 · 0067911
1 parent 0ea19e0
commit 0067911
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/clients/search-component/src/TrieveModal/Chat/Carousel.tsx b/clients/search-component/src/TrieveModal/Chat/Carousel.tsx
@@ -82,7 +82,7 @@ export const Carousel = ({ children }: { children: React.ReactNode }) => {
   return (
     <div className="carousel-root">
       <ul className="carousel-scroll" ref={scrollRef}>
-        {allProductsCarousel.filter((child) => child).map((child, index) => (
+        {allProductsCarousel.map((child, index) => child ? (
           <li
             className="carousel-item"
             style={{
@@ -92,7 +92,7 @@ export const Carousel = ({ children }: { children: React.ReactNode }) => {
           >
             {child}
           </li>
-        ))}
+        ) : null)}
       </ul>
       {numPages > 1 && (
         <div className="carousel-controls">