Render featured story

CodeForAfrica · Sep 25, 2023 · c528442 · c528442
1 parent 6833ce8
commit c528442
Showing 1 changed file with 18 additions and 17 deletions.
diff --git a/apps/codeforafrica/src/components/ArticleGrid/ArticleGrid.js b/apps/codeforafrica/src/components/ArticleGrid/ArticleGrid.js
@@ -53,29 +53,30 @@ const ArticleGrid = React.forwardRef(function ArticleGrid(props, ref) {
             }}
           />
         </Grid>
-        {articles?.length > 0 ? (
-          <>
-            {featuredArticle ? (
-              <Grid
-                item
-                xs={12}
-                sx={{ order: { xs: 1, md: 0 } }}
-                key={featuredArticle.id}
-              >
-                <FeaturedArticle
-                  {...featuredArticle}
-                  readMoreLabel={readMoreLabel}
-                />
-              </Grid>
-            ) : null}
+
+        <>
+          {featuredArticle ? (
+            <Grid
+              item
+              xs={12}
+              sx={{ order: { xs: 1, md: 0 } }}
+              key={featuredArticle.id}
+            >
+              <FeaturedArticle
+                {...featuredArticle}
+                readMoreLabel={readMoreLabel}
+              />
+            </Grid>
+          ) : null}
+          {articles?.length > 0 ? (
             <Grid item xs={12} sx={{ order: { xs: 2 } }}>
               <ArticleCardList
                 sx={{ pt: { xs: "28px", md: 0 } }}
                 articles={articles}
               />
             </Grid>
-          </>
-        ) : null}
+          ) : null}
+        </>
       </Grid>
     </Section>
   );