From 2ffa14cdbb1fb87daa337f9fc69d4e2d7c70fcf8 Mon Sep 17 00:00:00 2001
From: Maciej Ziarkowski <maciej.ziarkowski@gmail.com>
Date: Mon, 18 Nov 2019 14:18:19 +0000
Subject: [PATCH] Add info when no recent edit history to display

---
 app/src/frontend/pages/changes.tsx | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/app/src/frontend/pages/changes.tsx b/app/src/frontend/pages/changes.tsx
index b605e5c1..2e4f6d8d 100644
--- a/app/src/frontend/pages/changes.tsx
+++ b/app/src/frontend/pages/changes.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 
 import { BuildingEditSummary } from '../building/edit-history/building-edit-summary';
+import InfoBox from '../components/info-box';
 import { EditHistoryEntry } from '../models/edit-history-entry';
 
 const ChangesPage = () => {
@@ -23,15 +24,18 @@ const ChangesPage = () => {
                 <h1>Global edit history</h1>
 
                 <ul className="edit-history-list">
-                    {history && history.map(entry => (
-                        <li key={`${entry.revision_id}`} className="edit-history-list-element">
-                            <BuildingEditSummary
-                                historyEntry={entry}
-                                showBuildingId={true}
-                                hyperlinkCategories={true}
-                            />
-                        </li>
-                    ))}
+                    {(history == undefined || history.length == 0) ?
+                        <InfoBox msg="No changes in the last week"></InfoBox> :
+                        history.map(entry => (
+                            <li key={`${entry.revision_id}`} className="edit-history-list-element">
+                                <BuildingEditSummary
+                                    historyEntry={entry}
+                                    showBuildingId={true}
+                                    hyperlinkCategories={true}
+                                />
+                            </li>
+                        ))
+                    }
                 </ul>
             </section>
         </article>