no index as key, make empty line between bullets

bcgov · Dec 13, 2024 · 45c1e49 · 45c1e49
1 parent 2925619
commit 45c1e49
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/app/src/UI/Overlay/News/NewsPage.css b/app/src/UI/Overlay/News/NewsPage.css
@@ -78,3 +78,8 @@
     border: 1px solid black;
   }
 }
+
+.newsListItemContent > li:not(:last-child) {
+  margin-bottom: 1rem;
+}
+
diff --git a/app/src/UI/Overlay/News/NewsPage.tsx b/app/src/UI/Overlay/News/NewsPage.tsx
@@ -71,13 +71,8 @@ const NewsPage = (props: any) => {
                   <time dateTime={newsItem.date.toLocaleDateString()}>{newsItem.date.toLocaleDateString()}</time>
                 </p>
                 <ul className="newsListItemContent">
-                  {newsItem.content.map((content: string, contentIndex: number) => (
-                    <li
-                      key={contentIndex}
-                      style={{ marginBottom: contentIndex < newsItem.content.length - 1 ? '1rem' : '0' }}
-                    >
-                      {renderContentWithLinks(content)}
-                    </li>
+                  {newsItem.content.map((content: string) => (
+                    <li key={content}>{renderContentWithLinks(content)}</li>
                   ))}
                 </ul>
               </div>