From 96df9517d44812982791b582b626ab8cfde9f6e0 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 10:14:01 +0100
Subject: [PATCH 01/25] change to "Edit History"

---
 app/src/frontend/building/data-container.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/frontend/building/data-container.tsx b/app/src/frontend/building/data-container.tsx
index 4df867d9..5130dc25 100644
--- a/app/src/frontend/building/data-container.tsx
+++ b/app/src/frontend/building/data-container.tsx
@@ -330,7 +330,7 @@ const withCopyEdit: (wc: React.ComponentType<CategoryViewProps>) => DataContaine
                                     <NavLink
                                         className="icon-button history"
                                         to={`/${this.props.mode}/${this.props.cat}/${this.props.building.building_id}/history`}
-                                    >History</NavLink>
+                                    >Edit History</NavLink>
                                     <ViewEditControl
                                         cat={this.props.cat}
                                         mode={this.props.mode}

From b2373c6abb9147c08aeea8fef218c3798dba0c2b Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 13:38:02 +0100
Subject: [PATCH 02/25] widen section-header-actions

---
 app/src/frontend/building/container-header.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/frontend/building/container-header.css b/app/src/frontend/building/container-header.css
index e15f38d3..04c81d33 100644
--- a/app/src/frontend/building/container-header.css
+++ b/app/src/frontend/building/container-header.css
@@ -33,7 +33,7 @@
 
 .section-header .section-header-actions {
     display: inline-block;
-    flex-basis: 200px;
+    flex-basis: 400px;
     display: flex;
     flex-flow: row wrap;
     align-items: center;

From cee05b5979cf1ffc3861a7f465162950713aee4a Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 14:09:59 +0100
Subject: [PATCH 03/25] add BuildingEditSummaryBrief to Age category

---
 .../frontend/building/data-containers/age.tsx |  3 +++
 .../edit-history/building-edit-summary.tsx    | 24 +++++++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/app/src/frontend/building/data-containers/age.tsx b/app/src/frontend/building/data-containers/age.tsx
index 18804e51..0420e8bf 100644
--- a/app/src/frontend/building/data-containers/age.tsx
+++ b/app/src/frontend/building/data-containers/age.tsx
@@ -8,6 +8,7 @@ import TextboxDataEntry from '../data-components/textbox-data-entry';
 import Verification from '../data-components/verification';
 import YearDataEntry from '../data-components/year-data-entry';
 import withCopyEdit from '../data-container';
+import BuildingEditSummaryBrief from '../edit-history/building-edit-summary';
 
 import { CategoryViewProps } from './category-view-props';
 
@@ -22,6 +23,7 @@ const AgeView: React.FunctionComponent<CategoryViewProps> = (props) => {
        ){
       return (
           <Fragment>
+              <BuildingEditSummaryBrief/>
               <YearDataEntry
                   year={props.building.date_year}
                   upper={props.building.date_upper}
@@ -93,6 +95,7 @@ const AgeView: React.FunctionComponent<CategoryViewProps> = (props) => {
       };
     return (
         <Fragment>
+            <BuildingEditSummaryBrief/>
             <YearDataEntry
                 year={props.building.date_year}
                 upper={props.building.date_upper}
diff --git a/app/src/frontend/building/edit-history/building-edit-summary.tsx b/app/src/frontend/building/edit-history/building-edit-summary.tsx
index 1c8f336e..8a2d545b 100644
--- a/app/src/frontend/building/edit-history/building-edit-summary.tsx
+++ b/app/src/frontend/building/edit-history/building-edit-summary.tsx
@@ -82,6 +82,30 @@ const BuildingEditSummary: React.FunctionComponent<BuildingEditSummaryProps> = (
     );
 };
 
+const BuildingEditSummaryBrief: React.FunctionComponent<BuildingEditSummaryProps> = ({
+    historyEntry,
+    showBuildingId = false,
+    hyperlinkCategories = false
+}) => {
+    const entriesWithMetadata = enrichHistoryEntries(historyEntry.forward_patch, historyEntry.reverse_patch);
+    const entriesByCategory = arrayToDictionary(entriesWithMetadata, x => x.category);
+
+    const categoryHyperlinkTemplate = hyperlinkCategories && historyEntry.building_id != undefined ?
+            `/edit/$category/${historyEntry.building_id}` :
+            undefined;
+
+    return (
+        <div className="edit-history-entry">
+            <h2 className="edit-history-timestamp">Edited on {formatDate(parseDate(historyEntry.revision_timestamp))}</h2>
+        </div>
+    );
+};
+
 export {
     BuildingEditSummary
 };
+
+export {
+    BuildingEditSummaryBrief
+};
+

From 292c75238c5162de48837abe7ce2cb764961edc5 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 14:49:19 +0100
Subject: [PATCH 04/25] add EditHistory to Age

---
 app/src/frontend/building/data-containers/age.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/src/frontend/building/data-containers/age.tsx b/app/src/frontend/building/data-containers/age.tsx
index 0420e8bf..add84210 100644
--- a/app/src/frontend/building/data-containers/age.tsx
+++ b/app/src/frontend/building/data-containers/age.tsx
@@ -8,7 +8,7 @@ import TextboxDataEntry from '../data-components/textbox-data-entry';
 import Verification from '../data-components/verification';
 import YearDataEntry from '../data-components/year-data-entry';
 import withCopyEdit from '../data-container';
-import BuildingEditSummaryBrief from '../edit-history/building-edit-summary';
+import { EditHistory } from '../../edit-history/edit-history';
 
 import { CategoryViewProps } from './category-view-props';
 
@@ -23,7 +23,7 @@ const AgeView: React.FunctionComponent<CategoryViewProps> = (props) => {
        ){
       return (
           <Fragment>
-              <BuildingEditSummaryBrief/>
+              <EditHistory/>
               <YearDataEntry
                   year={props.building.date_year}
                   upper={props.building.date_upper}
@@ -95,7 +95,7 @@ const AgeView: React.FunctionComponent<CategoryViewProps> = (props) => {
       };
     return (
         <Fragment>
-            <BuildingEditSummaryBrief/>
+            <EditHistory/>
             <YearDataEntry
                 year={props.building.date_year}
                 upper={props.building.date_upper}

From b4a521675aa33cb134397b0d76c02b964484c0c0 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 14:50:26 +0100
Subject: [PATCH 05/25] revert cee05b5979cf1ffc3861a7f465162950713aee4a

---
 .../edit-history/building-edit-summary.tsx    | 24 -------------------
 1 file changed, 24 deletions(-)

diff --git a/app/src/frontend/building/edit-history/building-edit-summary.tsx b/app/src/frontend/building/edit-history/building-edit-summary.tsx
index 8a2d545b..1c8f336e 100644
--- a/app/src/frontend/building/edit-history/building-edit-summary.tsx
+++ b/app/src/frontend/building/edit-history/building-edit-summary.tsx
@@ -82,30 +82,6 @@ const BuildingEditSummary: React.FunctionComponent<BuildingEditSummaryProps> = (
     );
 };
 
-const BuildingEditSummaryBrief: React.FunctionComponent<BuildingEditSummaryProps> = ({
-    historyEntry,
-    showBuildingId = false,
-    hyperlinkCategories = false
-}) => {
-    const entriesWithMetadata = enrichHistoryEntries(historyEntry.forward_patch, historyEntry.reverse_patch);
-    const entriesByCategory = arrayToDictionary(entriesWithMetadata, x => x.category);
-
-    const categoryHyperlinkTemplate = hyperlinkCategories && historyEntry.building_id != undefined ?
-            `/edit/$category/${historyEntry.building_id}` :
-            undefined;
-
-    return (
-        <div className="edit-history-entry">
-            <h2 className="edit-history-timestamp">Edited on {formatDate(parseDate(historyEntry.revision_timestamp))}</h2>
-        </div>
-    );
-};
-
 export {
     BuildingEditSummary
 };
-
-export {
-    BuildingEditSummaryBrief
-};
-

From eb41f9cfb317c983b64c49153e414122c32a2fb4 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 14:52:08 +0100
Subject: [PATCH 06/25] fix EditHistory path

---
 app/src/frontend/building/data-containers/age.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/frontend/building/data-containers/age.tsx b/app/src/frontend/building/data-containers/age.tsx
index add84210..465b2fbc 100644
--- a/app/src/frontend/building/data-containers/age.tsx
+++ b/app/src/frontend/building/data-containers/age.tsx
@@ -8,7 +8,7 @@ import TextboxDataEntry from '../data-components/textbox-data-entry';
 import Verification from '../data-components/verification';
 import YearDataEntry from '../data-components/year-data-entry';
 import withCopyEdit from '../data-container';
-import { EditHistory } from '../../edit-history/edit-history';
+import { EditHistory } from '../edit-history/edit-history';
 
 import { CategoryViewProps } from './category-view-props';
 

From 3270804b1b45c948d389f00329d4f090ee73d8a5 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 14:54:27 +0100
Subject: [PATCH 07/25] add props.building to EditHistory

---
 app/src/frontend/building/data-containers/age.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/src/frontend/building/data-containers/age.tsx b/app/src/frontend/building/data-containers/age.tsx
index 465b2fbc..8aa8a9e1 100644
--- a/app/src/frontend/building/data-containers/age.tsx
+++ b/app/src/frontend/building/data-containers/age.tsx
@@ -23,7 +23,9 @@ const AgeView: React.FunctionComponent<CategoryViewProps> = (props) => {
        ){
       return (
           <Fragment>
-              <EditHistory/>
+              <EditHistory
+                  building={props.building}
+              />
               <YearDataEntry
                   year={props.building.date_year}
                   upper={props.building.date_upper}
@@ -95,7 +97,9 @@ const AgeView: React.FunctionComponent<CategoryViewProps> = (props) => {
       };
     return (
         <Fragment>
-            <EditHistory/>
+            <EditHistory
+                building={props.building}
+            />
             <YearDataEntry
                 year={props.building.date_year}
                 upper={props.building.date_upper}

From e573574d5cd3247d81dfa3d103758a608c988241 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:05:36 +0100
Subject: [PATCH 08/25] add EditHistoryLatest

---
 .../frontend/building/data-containers/age.tsx |  6 +-
 .../edit-history/building-edit-latest.tsx     | 69 +++++++++++++++++++
 .../edit-history/edit-history-latest.tsx      | 48 +++++++++++++
 3 files changed, 120 insertions(+), 3 deletions(-)
 create mode 100644 app/src/frontend/building/edit-history/building-edit-latest.tsx
 create mode 100644 app/src/frontend/building/edit-history/edit-history-latest.tsx

diff --git a/app/src/frontend/building/data-containers/age.tsx b/app/src/frontend/building/data-containers/age.tsx
index 8aa8a9e1..7134661f 100644
--- a/app/src/frontend/building/data-containers/age.tsx
+++ b/app/src/frontend/building/data-containers/age.tsx
@@ -8,7 +8,7 @@ import TextboxDataEntry from '../data-components/textbox-data-entry';
 import Verification from '../data-components/verification';
 import YearDataEntry from '../data-components/year-data-entry';
 import withCopyEdit from '../data-container';
-import { EditHistory } from '../edit-history/edit-history';
+import { EditHistoryLatest } from '../edit-history/edit-history';
 
 import { CategoryViewProps } from './category-view-props';
 
@@ -23,7 +23,7 @@ const AgeView: React.FunctionComponent<CategoryViewProps> = (props) => {
        ){
       return (
           <Fragment>
-              <EditHistory
+              <EditHistoryLatest
                   building={props.building}
               />
               <YearDataEntry
@@ -97,7 +97,7 @@ const AgeView: React.FunctionComponent<CategoryViewProps> = (props) => {
       };
     return (
         <Fragment>
-            <EditHistory
+            <EditHistoryLatest
                 building={props.building}
             />
             <YearDataEntry
diff --git a/app/src/frontend/building/edit-history/building-edit-latest.tsx b/app/src/frontend/building/edit-history/building-edit-latest.tsx
new file mode 100644
index 00000000..3a9e074e
--- /dev/null
+++ b/app/src/frontend/building/edit-history/building-edit-latest.tsx
@@ -0,0 +1,69 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+import './building-edit-summary.css';
+
+import { Category } from '../../config/categories-config';
+import { DataFieldDefinition, dataFields } from '../../config/data-fields-config';
+import { arrayToDictionary, parseDate } from '../../helpers';
+import { EditHistoryEntry } from '../../models/edit-history-entry';
+
+import { CategoryEditSummary } from './category-edit-summary';
+
+interface BuildingEditLatestProps {
+    historyEntry: EditHistoryEntry;
+    showBuildingId?: boolean;
+    hyperlinkCategories?: boolean;
+}
+
+function formatDate(dt: Date) {
+    return dt.toLocaleString(undefined, {
+        weekday: 'short',
+        year: 'numeric',
+        month: 'short',
+        day: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit'
+    });
+}
+
+function enrichHistoryEntries(forwardPatch: object, reversePatch: object) {
+    return Object
+        .entries(forwardPatch)
+        .map(([key, value]) => {
+            const {
+                title = `Unknown field (${key})`,
+                category = undefined
+            } = dataFields[key] as DataFieldDefinition ?? {};
+            
+            return {
+                title,
+                category,
+                value,
+                oldValue: reversePatch && reversePatch[key]
+            };
+        });
+}
+
+const BuildingEditLatest: React.FunctionComponent<BuildingEditLatestProps> = ({
+    historyEntry,
+    showBuildingId = false,
+    hyperlinkCategories = false
+}) => {
+    const entriesWithMetadata = enrichHistoryEntries(historyEntry.forward_patch, historyEntry.reverse_patch);
+    const entriesByCategory = arrayToDictionary(entriesWithMetadata, x => x.category);
+
+    const categoryHyperlinkTemplate = hyperlinkCategories && historyEntry.building_id != undefined ?
+            `/edit/$category/${historyEntry.building_id}` :
+            undefined;
+
+    return (
+        <div className="edit-history-entry">
+            <h2 className="edit-history-timestamp">Edited on {formatDate(parseDate(historyEntry.revision_timestamp))}</h2>
+        </div>
+    );
+};
+
+export {
+    BuildingEditLatest
+};
diff --git a/app/src/frontend/building/edit-history/edit-history-latest.tsx b/app/src/frontend/building/edit-history/edit-history-latest.tsx
new file mode 100644
index 00000000..b44fbf9e
--- /dev/null
+++ b/app/src/frontend/building/edit-history/edit-history-latest.tsx
@@ -0,0 +1,48 @@
+import React, { useEffect, useState } from 'react';
+
+import './edit-history.css';
+
+import { apiGet } from '../../apiHelpers';
+import { Building } from '../../models/building';
+import { EditHistoryEntry } from '../../models/edit-history-entry';
+import ContainerHeader from '../container-header';
+
+import { BuildingEditLatest } from './building-edit-latest';
+
+interface EditHistoryLatestProps {
+    building: Building;
+}
+
+const EditHistory: React.FunctionComponent<EditHistoryLatestProps> = (props) => {
+    const [history, setHistory] = useState<EditHistoryEntry[]>(undefined);
+
+    useEffect(() => {
+        const fetchData = async () => {
+            const {history} = await apiGet(`/api/buildings/${props.building.building_id}/history.json`);
+
+            setHistory(history);
+        };
+
+        if (props.building != undefined) { // only call fn if there is a building provided
+            fetchData(); // define and call, because effect cannot return anything and an async fn always returns a Promise
+        }
+    }, [props.building]); // only re-run effect on building prop change
+    
+    return (
+        <>
+            <ContainerHeader title="Edit history" backLink='.' cat='edit-history' />
+
+            <ul className="edit-history-list">
+                {history && history.map(entry => (
+                    <li key={`${entry.revision_id}`} className="edit-history-list-element">
+                        <BuildingEditLatest historyEntry={entry} />
+                    </li>
+                ))}
+            </ul>
+        </>
+    );
+};
+
+export {
+    EditHistoryLatest
+};

From 03d4dab8fb773e8a0ef9588b2b6b6476a7b9ddda Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:06:12 +0100
Subject: [PATCH 09/25] fix import

---
 app/src/frontend/building/data-containers/age.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/frontend/building/data-containers/age.tsx b/app/src/frontend/building/data-containers/age.tsx
index 7134661f..ce3c6e3c 100644
--- a/app/src/frontend/building/data-containers/age.tsx
+++ b/app/src/frontend/building/data-containers/age.tsx
@@ -8,7 +8,7 @@ import TextboxDataEntry from '../data-components/textbox-data-entry';
 import Verification from '../data-components/verification';
 import YearDataEntry from '../data-components/year-data-entry';
 import withCopyEdit from '../data-container';
-import { EditHistoryLatest } from '../edit-history/edit-history';
+import { EditHistoryLatest } from '../edit-history/edit-history-latest';
 
 import { CategoryViewProps } from './category-view-props';
 

From a8e239992433add535e238f3511bf8fa1c28b209 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:06:57 +0100
Subject: [PATCH 10/25] fix const name

---
 app/src/frontend/building/edit-history/edit-history-latest.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 b44fbf9e..bd891c12 100644
--- a/app/src/frontend/building/edit-history/edit-history-latest.tsx
+++ b/app/src/frontend/building/edit-history/edit-history-latest.tsx
@@ -13,7 +13,7 @@ interface EditHistoryLatestProps {
     building: Building;
 }
 
-const EditHistory: React.FunctionComponent<EditHistoryLatestProps> = (props) => {
+const EditHistoryLatest: React.FunctionComponent<EditHistoryLatestProps> = (props) => {
     const [history, setHistory] = useState<EditHistoryEntry[]>(undefined);
 
     useEffect(() => {

From 0b9598f47b2acff74f30b690a38497f62466b90a Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:09:07 +0100
Subject: [PATCH 11/25] remove edit hist title

---
 app/src/frontend/building/edit-history/edit-history-latest.tsx | 2 --
 1 file changed, 2 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 bd891c12..af477cb1 100644
--- a/app/src/frontend/building/edit-history/edit-history-latest.tsx
+++ b/app/src/frontend/building/edit-history/edit-history-latest.tsx
@@ -30,8 +30,6 @@ const EditHistoryLatest: React.FunctionComponent<EditHistoryLatestProps> = (prop
     
     return (
         <>
-            <ContainerHeader title="Edit history" backLink='.' cat='edit-history' />
-
             <ul className="edit-history-list">
                 {history && history.map(entry => (
                     <li key={`${entry.revision_id}`} className="edit-history-list-element">

From 9863e99cb6f9c17f52934b2c1fa37c7bac3f24f8 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:14:18 +0100
Subject: [PATCH 12/25] single <p> for latest edit

---
 .../building/edit-history/edit-history-latest.tsx     | 11 +++--------
 1 file changed, 3 insertions(+), 8 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 af477cb1..5a80a0c5 100644
--- a/app/src/frontend/building/edit-history/edit-history-latest.tsx
+++ b/app/src/frontend/building/edit-history/edit-history-latest.tsx
@@ -27,16 +27,11 @@ const EditHistoryLatest: React.FunctionComponent<EditHistoryLatestProps> = (prop
             fetchData(); // define and call, because effect cannot return anything and an async fn always returns a Promise
         }
     }, [props.building]); // only re-run effect on building prop change
-    
     return (
         <>
-            <ul className="edit-history-list">
-                {history && history.map(entry => (
-                    <li key={`${entry.revision_id}`} className="edit-history-list-element">
-                        <BuildingEditLatest historyEntry={entry} />
-                    </li>
-                ))}
-            </ul>
+        <p key={`${history[0].revision_id}`} className="edit-history-list-element">
+            <BuildingEditLatest historyEntry={history[0]} />
+        </p>
         </>
     );
 };

From 5643b27637bddfe9e5e7f213febda398b90fcd7c Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:15:44 +0100
Subject: [PATCH 13/25] remove p

---
 app/src/frontend/building/edit-history/edit-history-latest.tsx | 2 --
 1 file changed, 2 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 5a80a0c5..2fff6ff3 100644
--- a/app/src/frontend/building/edit-history/edit-history-latest.tsx
+++ b/app/src/frontend/building/edit-history/edit-history-latest.tsx
@@ -29,9 +29,7 @@ const EditHistoryLatest: React.FunctionComponent<EditHistoryLatestProps> = (prop
     }, [props.building]); // only re-run effect on building prop change
     return (
         <>
-        <p key={`${history[0].revision_id}`} className="edit-history-list-element">
             <BuildingEditLatest historyEntry={history[0]} />
-        </p>
         </>
     );
 };

From 85322ef16d1378776b534b24e9d0f116d51a0ef7 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:17:40 +0100
Subject: [PATCH 14/25] try <ul> instead

---
 .../frontend/building/edit-history/edit-history-latest.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

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 2fff6ff3..88817271 100644
--- a/app/src/frontend/building/edit-history/edit-history-latest.tsx
+++ b/app/src/frontend/building/edit-history/edit-history-latest.tsx
@@ -27,9 +27,14 @@ const EditHistoryLatest: React.FunctionComponent<EditHistoryLatestProps> = (prop
             fetchData(); // define and call, because effect cannot return anything and an async fn always returns a Promise
         }
     }, [props.building]); // only re-run effect on building prop change
+    
     return (
         <>
-            <BuildingEditLatest historyEntry={history[0]} />
+            <ul className="edit-history-list"
+              <li key={`${history[0].revision_id}`} className="edit-history-list-element">
+                  <BuildingEditLatest historyEntry={history[0]} />
+              </li>
+            </ul>
         </>
     );
 };

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 15/25] 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

From f62b82685fe64e698ca34f331889d416a099184a Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:28:39 +0100
Subject: [PATCH 16/25] remove font specs

---
 app/src/frontend/building/edit-history/edit-history.css | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/app/src/frontend/building/edit-history/edit-history.css b/app/src/frontend/building/edit-history/edit-history.css
index 0af988cb..c4ca8399 100644
--- a/app/src/frontend/building/edit-history/edit-history.css
+++ b/app/src/frontend/building/edit-history/edit-history.css
@@ -8,14 +8,8 @@
 }
 
 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

From 59da16fe02e9b943c5fba39ccd28db7e2b0b0cc2 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:29:46 +0100
Subject: [PATCH 17/25] update text

---
 app/src/frontend/building/edit-history/building-edit-latest.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/src/frontend/building/edit-history/building-edit-latest.tsx b/app/src/frontend/building/edit-history/building-edit-latest.tsx
index 3a9e074e..4caaad58 100644
--- a/app/src/frontend/building/edit-history/building-edit-latest.tsx
+++ b/app/src/frontend/building/edit-history/building-edit-latest.tsx
@@ -59,7 +59,7 @@ const BuildingEditLatest: React.FunctionComponent<BuildingEditLatestProps> = ({
 
     return (
         <div className="edit-history-entry">
-            <h2 className="edit-history-timestamp">Edited on {formatDate(parseDate(historyEntry.revision_timestamp))}</h2>
+            <h2 className="edit-history-timestamp">Building last edited on {formatDate(parseDate(historyEntry.revision_timestamp))}</h2>
         </div>
     );
 };

From 149cf0bdff0c61a7eb25a6373f8f4157a6de7a30 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:35:18 +0100
Subject: [PATCH 18/25] remove div wrapper

---
 .../frontend/building/edit-history/building-edit-latest.tsx   | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/app/src/frontend/building/edit-history/building-edit-latest.tsx b/app/src/frontend/building/edit-history/building-edit-latest.tsx
index 4caaad58..a56cd135 100644
--- a/app/src/frontend/building/edit-history/building-edit-latest.tsx
+++ b/app/src/frontend/building/edit-history/building-edit-latest.tsx
@@ -58,9 +58,7 @@ const BuildingEditLatest: React.FunctionComponent<BuildingEditLatestProps> = ({
             undefined;
 
     return (
-        <div className="edit-history-entry">
-            <h2 className="edit-history-timestamp">Building last edited on {formatDate(parseDate(historyEntry.revision_timestamp))}</h2>
-        </div>
+        <h2 className="edit-history-timestamp">Building last edited on {formatDate(parseDate(historyEntry.revision_timestamp))}</h2>
     );
 };
 

From dc30bc4384dbacbb6d8aa64cebca4cf45c04f70f Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:40:59 +0100
Subject: [PATCH 19/25] add EditHistoryLatest for all categories

---
 app/src/frontend/building/data-container.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/src/frontend/building/data-container.tsx b/app/src/frontend/building/data-container.tsx
index 5130dc25..c246b56e 100644
--- a/app/src/frontend/building/data-container.tsx
+++ b/app/src/frontend/building/data-container.tsx
@@ -19,6 +19,8 @@ import { ViewEditControl } from './header-buttons/view-edit-control';
 import './data-container.css';
 import { dataFields } from '../config/data-fields-config'
 
+import { EditHistoryLatest } from './edit-history/edit-history-latest';
+
 interface DataContainerProps {
     title: string;
     cat: string;
@@ -305,6 +307,9 @@ const withCopyEdit: (wc: React.ComponentType<CategoryViewProps>) => DataContaine
                     cat={this.props.cat}
                     title={this.props.title}
                 >
+                <EditHistoryLatest
+                    building={this.props.building}
+                />
                 {
                     this.props.help && !copy.copying?
                         <a

From 404f944c8eed0614dcd236c879ac9e24d9d59640 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:42:30 +0100
Subject: [PATCH 20/25] remove edit date from age specifically

---
 app/src/frontend/building/data-containers/age.tsx | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/app/src/frontend/building/data-containers/age.tsx b/app/src/frontend/building/data-containers/age.tsx
index ce3c6e3c..18804e51 100644
--- a/app/src/frontend/building/data-containers/age.tsx
+++ b/app/src/frontend/building/data-containers/age.tsx
@@ -8,7 +8,6 @@ import TextboxDataEntry from '../data-components/textbox-data-entry';
 import Verification from '../data-components/verification';
 import YearDataEntry from '../data-components/year-data-entry';
 import withCopyEdit from '../data-container';
-import { EditHistoryLatest } from '../edit-history/edit-history-latest';
 
 import { CategoryViewProps } from './category-view-props';
 
@@ -23,9 +22,6 @@ const AgeView: React.FunctionComponent<CategoryViewProps> = (props) => {
        ){
       return (
           <Fragment>
-              <EditHistoryLatest
-                  building={props.building}
-              />
               <YearDataEntry
                   year={props.building.date_year}
                   upper={props.building.date_upper}
@@ -97,9 +93,6 @@ const AgeView: React.FunctionComponent<CategoryViewProps> = (props) => {
       };
     return (
         <Fragment>
-            <EditHistoryLatest
-                building={props.building}
-            />
             <YearDataEntry
                 year={props.building.date_year}
                 upper={props.building.date_upper}

From 2e17f252850ca421f1c528789b277a5afad8fc56 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:44:38 +0100
Subject: [PATCH 21/25] move EditHistoryLatest outside section

---
 app/src/frontend/building/data-container.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/src/frontend/building/data-container.tsx b/app/src/frontend/building/data-container.tsx
index c246b56e..1e4765c0 100644
--- a/app/src/frontend/building/data-container.tsx
+++ b/app/src/frontend/building/data-container.tsx
@@ -300,16 +300,16 @@ const withCopyEdit: (wc: React.ComponentType<CategoryViewProps>) => DataContaine
             const edited = this.isEdited();
 
             return (
+                <EditHistoryLatest
+                    building={this.props.building}
+                />
                 <section
                     id={this.props.cat}
                     className="data-section">
                 <ContainerHeader
                     cat={this.props.cat}
                     title={this.props.title}
-                >
-                <EditHistoryLatest
-                    building={this.props.building}
-                />
+                >                
                 {
                     this.props.help && !copy.copying?
                         <a

From 01178dd46c3dd0b824ae7b87ddf1d688e2a4f276 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:45:37 +0100
Subject: [PATCH 22/25] Revert "move EditHistoryLatest outside section"

This reverts commit 2e17f252850ca421f1c528789b277a5afad8fc56.
---
 app/src/frontend/building/data-container.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/src/frontend/building/data-container.tsx b/app/src/frontend/building/data-container.tsx
index 1e4765c0..c246b56e 100644
--- a/app/src/frontend/building/data-container.tsx
+++ b/app/src/frontend/building/data-container.tsx
@@ -300,16 +300,16 @@ const withCopyEdit: (wc: React.ComponentType<CategoryViewProps>) => DataContaine
             const edited = this.isEdited();
 
             return (
-                <EditHistoryLatest
-                    building={this.props.building}
-                />
                 <section
                     id={this.props.cat}
                     className="data-section">
                 <ContainerHeader
                     cat={this.props.cat}
                     title={this.props.title}
-                >                
+                >
+                <EditHistoryLatest
+                    building={this.props.building}
+                />
                 {
                     this.props.help && !copy.copying?
                         <a

From 6b18a58bde6782bc5a014a5408bcd304654f7db1 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Tue, 9 Aug 2022 15:48:22 +0100
Subject: [PATCH 23/25] move EditHistoryLatest to section-body

---
 app/src/frontend/building/data-container.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/src/frontend/building/data-container.tsx b/app/src/frontend/building/data-container.tsx
index c246b56e..cf8c8776 100644
--- a/app/src/frontend/building/data-container.tsx
+++ b/app/src/frontend/building/data-container.tsx
@@ -307,9 +307,6 @@ const withCopyEdit: (wc: React.ComponentType<CategoryViewProps>) => DataContaine
                     cat={this.props.cat}
                     title={this.props.title}
                 >
-                <EditHistoryLatest
-                    building={this.props.building}
-                />
                 {
                     this.props.help && !copy.copying?
                         <a
@@ -350,6 +347,9 @@ const withCopyEdit: (wc: React.ComponentType<CategoryViewProps>) => DataContaine
                 }
                 </ContainerHeader>
                 <div className="section-body">
+                <EditHistoryLatest
+                    building={this.props.building}
+                />
                 {
                     this.props.inactive ?
                         <Fragment>

From 949a2a0486034be37aadece888500f15773f9a97 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Thu, 11 Aug 2022 10:01:31 +0100
Subject: [PATCH 24/25] remove padding

---
 app/src/frontend/building/edit-history/edit-history.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/src/frontend/building/edit-history/edit-history.css b/app/src/frontend/building/edit-history/edit-history.css
index c4ca8399..ea98d890 100644
--- a/app/src/frontend/building/edit-history/edit-history.css
+++ b/app/src/frontend/building/edit-history/edit-history.css
@@ -9,7 +9,9 @@
 
 ul[id="first-only"] li{
     display: none;
+    padding-left: 0;
 }
 ul[id="first-only"] li:first-of-type {
     display: block;
+    padding-left: 0;
 }
\ No newline at end of file

From dd69627671f6317fd9b78f0a6b56a8e8d7b4cc75 Mon Sep 17 00:00:00 2001
From: Ed Chalstrey <edwardchalstrey@gmail.com>
Date: Thu, 11 Aug 2022 10:06:13 +0100
Subject: [PATCH 25/25] Revert "remove padding"

This reverts commit 949a2a0486034be37aadece888500f15773f9a97.
---
 app/src/frontend/building/edit-history/edit-history.css | 2 --
 1 file changed, 2 deletions(-)

diff --git a/app/src/frontend/building/edit-history/edit-history.css b/app/src/frontend/building/edit-history/edit-history.css
index ea98d890..c4ca8399 100644
--- a/app/src/frontend/building/edit-history/edit-history.css
+++ b/app/src/frontend/building/edit-history/edit-history.css
@@ -9,9 +9,7 @@
 
 ul[id="first-only"] li{
     display: none;
-    padding-left: 0;
 }
 ul[id="first-only"] li:first-of-type {
     display: block;
-    padding-left: 0;
 }
\ No newline at end of file