From 45c1e49d32c59c404c34649de66785ae03a213f4 Mon Sep 17 00:00:00 2001
From: brennanwebster <Brennan.Webster@gov.bc.ca>
Date: Fri, 13 Dec 2024 14:12:27 -0800
Subject: [PATCH] no index as key, make empty line between bullets

---
 app/src/UI/Overlay/News/NewsPage.css | 5 +++++
 app/src/UI/Overlay/News/NewsPage.tsx | 9 ++-------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/src/UI/Overlay/News/NewsPage.css b/app/src/UI/Overlay/News/NewsPage.css
index 40e50d0d9..b4857705b 100644
--- 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
index 878f23288..c4fa76712 100644
--- 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>