From 055a8c57c27548d564f9ab1d5d671bf1ee431069 Mon Sep 17 00:00:00 2001
From: Timo Myllymaki <timo.myllymaki@digia.com>
Date: Tue, 11 Feb 2020 12:14:54 +0200
Subject: [PATCH] IISCRUM-1319 Add title for no data

---
 .../components/AlertList/AlertList.tsx              |  5 ++++-
 src/sass/_panel-triggers.scss                       | 13 +++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/panel-triggers/components/AlertList/AlertList.tsx b/src/panel-triggers/components/AlertList/AlertList.tsx
index e893bbd47..e4503303e 100644
--- a/src/panel-triggers/components/AlertList/AlertList.tsx
+++ b/src/panel-triggers/components/AlertList/AlertList.tsx
@@ -77,7 +77,10 @@ export default class AlertList extends PureComponent<AlertListProps, AlertListSt
             )}
           </ol>
         </section>
-
+        {(currentProblems.length === 0
+          ? <div className="no-data-container">Ei aktiivisia häiriöitä</div>
+          : null)
+        }
         <div className="triggers-panel-footer" key="alertListFooter">
           <PaginationControl
             itemsLength={problems.length}
diff --git a/src/sass/_panel-triggers.scss b/src/sass/_panel-triggers.scss
index b0f98dd50..b2958c312 100644
--- a/src/sass/_panel-triggers.scss
+++ b/src/sass/_panel-triggers.scss
@@ -95,6 +95,19 @@
     }
   }
 
+  .no-data-container {
+    width: 100%;
+    height: 40px;
+    color: #333;
+    font-weight: 600;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-top: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+  }
+
   .zabbix-trigger-name {
     font-weight: bold;
   }