From 5bac41466e423feff2022f87b9b6fe896f8f37ce Mon Sep 17 00:00:00 2001
From: s-r-x <strax1990@gmail.com>
Date: Mon, 19 Jul 2021 14:44:25 +0500
Subject: [PATCH] fix(ui): show placeholder instead of line chart if metrics
 for selected queue is empty

---
 packages/ui/src/screens/metrics/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/screens/metrics/index.tsx b/packages/ui/src/screens/metrics/index.tsx
index 1f516ea..f7bc9a4 100644
--- a/packages/ui/src/screens/metrics/index.tsx
+++ b/packages/ui/src/screens/metrics/index.tsx
@@ -8,6 +8,8 @@ import { activeQueueAtom } from '@/atoms/workspaces';
 import NetworkRequest from '@/components/NetworkRequest';
 import { getPollingInterval } from '@/stores/network-settings';
 import { QueryKeysConfig } from '@/config/query-keys';
+import isempty from 'lodash/isEmpty';
+import Alert from '@material-ui/lab/Alert';
 
 const MetricsScreen = () => {
   const {
@@ -31,7 +33,11 @@ const MetricsScreen = () => {
   return (
     <NetworkRequest error={error} refetch={refetch} status={status}>
       <Actions />
-      {data && <Chart metrics={data} />}
+      {!data || isempty(data) ? (
+        <Alert severity="warning">No metrics</Alert>
+      ) : (
+        <Chart metrics={data} />
+      )}
     </NetworkRequest>
   );
 };