don't render empty carousels

microsoft · Mar 1, 2024 · 4227d64 · 4227d64
1 parent daf04df
commit 4227d64
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/teachertool/src/components/HomeScreen.tsx b/teachertool/src/components/HomeScreen.tsx
@@ -185,7 +185,7 @@ const CardCarousel: React.FC<DataCarouselProps> = ({ title, cardsUrl }) => {
 
     useJsonDocRequest(cardsUrl, setFetchStatus, setCardSet);
 
-    return (
+    return !!cardSet?.cards?.length ? (
         <>
             <div className={css.carouselRow}>
                 <div className={css.rowTitle}>
@@ -210,7 +210,7 @@ const CardCarousel: React.FC<DataCarouselProps> = ({ title, cardsUrl }) => {
                 )}
             </div>
         </>
-    );
+    ) : null;
 };
 
 const CardCarousels: React.FC = () => {