From d733daed9da723ce89f9fd6a0277f40b5ddaf651 Mon Sep 17 00:00:00 2001
From: Charles <charles.bourque96@gmail.com>
Date: Thu, 15 Sep 2022 16:33:01 +0100
Subject: [PATCH] [WIFI-10857] Fixed display when there are no entries

Signed-off-by: Charles <charles.bourque96@gmail.com>
---
 .../StatisticsChartList.js                    | 27 ++++++++++++++-----
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/components/InterfaceStatistics/StatisticsChartList.js b/src/components/InterfaceStatistics/StatisticsChartList.js
index a7a2533..beae98d 100644
--- a/src/components/InterfaceStatistics/StatisticsChartList.js
+++ b/src/components/InterfaceStatistics/StatisticsChartList.js
@@ -246,18 +246,33 @@ const StatisticsChartList = ({ deviceSerialNumber, setOptions, section, time })
         setOptions([...sectionOptions, { value: 'memory', label: t('statistics.memory') }]);
         setStatOptions({ ...newOptions });
       }
-      setError(false);
+      setError(undefined);
     } catch (e) {
-      setError(true);
+      if (data?.length === 0) {
+        setError('nodata');
+      } else {
+        setError('error');
+      }
     }
   };
 
   const getInterface = useCallback(() => {
-    if (error) {
+    if (error === 'error') {
       return (
-        <CAlert color="danger" style={{ width: '240px' }}>
-          Error while parsing statistics
-        </CAlert>
+        <div style={{ textAlign: 'center' }}>
+          <CAlert color="danger" style={{ width: '240px', margin: 'auto' }}>
+            Error while parsing statistics
+          </CAlert>
+        </div>
+      );
+    }
+    if (error === 'nodata') {
+      return (
+        <div style={{ textAlign: 'center' }}>
+          <CAlert color="danger" style={{ width: '340px', margin: 'auto' }}>
+            No available statistics during this time period
+          </CAlert>
+        </div>
       );
     }
     if (statOptions.interfaceList.length === 0) return <p>N/A</p>;