From fa88bad32f532e49d3339ecf54e9f9e003a63067 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:27:33 +0100
Subject: [PATCH] try suppressing subsequent list items

---
 .../building/edit-history/edit-history-latest.tsx   | 10 ++++++----
 .../frontend/building/edit-history/edit-history.css | 13 +++++++++++++
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/app/src/frontend/building/edit-history/edit-history-latest.tsx b/app/src/frontend/building/edit-history/edit-history-latest.tsx
index 88817271..0abe5cef 100644
--- a/app/src/frontend/building/edit-history/edit-history-latest.tsx
+++ b/app/src/frontend/building/edit-history/edit-history-latest.tsx
@@ -30,10 +30,12 @@ const EditHistoryLatest: React.FunctionComponent<EditHistoryLatestProps> = (prop
     
     return (
         <>
-            <ul className="edit-history-list"
-              <li key={`${history[0].revision_id}`} className="edit-history-list-element">
-                  <BuildingEditLatest historyEntry={history[0]} />
-              </li>
+            <ul className="edit-history-first" id="first-only">
+                {history && history.map(entry => (
+                    <li key={`${entry.revision_id}`} className="edit-history-list-element">
+                        <BuildingEditLatest historyEntry={entry} />
+                    </li>
+                ))}
             </ul>
         </>
     );
diff --git a/app/src/frontend/building/edit-history/edit-history.css b/app/src/frontend/building/edit-history/edit-history.css
index 8aa5cfe2..0af988cb 100644
--- a/app/src/frontend/building/edit-history/edit-history.css
+++ b/app/src/frontend/building/edit-history/edit-history.css
@@ -5,4 +5,17 @@
 .edit-history-list {
     list-style: none;
     padding-left: 1rem;
+}
+
+ul[id="first-only"] li{
+    color: black;
+    display: none;
+    position: absolute;
+    font-size: 30px;
+}
+ul[id="first-only"] li:first-of-type {
+    color: black;
+    display: block;
+    position: absolute;
+    font-size: 30px;
 }
\ No newline at end of file