From a70058cf5d8f2ecb2c29afa6dd7598d8dd1be98d Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Wed, 10 Aug 2022 17:59:54 +0200
Subject: [PATCH] fix(ui): fix crashes

---
 .../components/DashboardList/DashboardListItem.tsx          | 2 +-
 .../Dashboard/components/DashboardWidgetGrid/AddMetric.tsx  | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx b/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
index 5e82ac2b6..1fffe9f30 100644
--- a/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
@@ -51,5 +51,5 @@ function DashboardListItem(props: Props) {
         </>
     );
 }
-
+// @ts-ignore
 export default connect(state => ({ siteId: state.getIn([ 'site', 'siteId' ]) }))(withRouter(DashboardListItem))
diff --git a/frontend/app/components/Dashboard/components/DashboardWidgetGrid/AddMetric.tsx b/frontend/app/components/Dashboard/components/DashboardWidgetGrid/AddMetric.tsx
index ccdc033fe..af46de0c2 100644
--- a/frontend/app/components/Dashboard/components/DashboardWidgetGrid/AddMetric.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardWidgetGrid/AddMetric.tsx
@@ -67,7 +67,7 @@ function AddMetric({ metrics, history, siteId, title, description }: IProps) {
                 </div>
 
                 <div className="grid h-full grid-cols-4 gap-4 px-8 items-start py-1" style={{ maxHeight: 'calc(100vh - 160px)', overflowY: 'auto' }}>
-                    {metrics.map((metric: any) => (
+                    {metrics ? metrics.map((metric: any) => (
                         <WidgetWrapper
                             key={metric.metricId}
                             widget={metric}
@@ -76,7 +76,9 @@ function AddMetric({ metrics, history, siteId, title, description }: IProps) {
                             isWidget={metric.metricType === 'predefined'}
                             onClick={() => dashboardStore.toggleWidgetSelection(metric)}
                         />
-                    ))}
+                    )) : (
+                        <div>No custom metrics created.</div>
+                    )}
                 </div>
 
                 <div className="py-4 border-t px-8 bg-white w-full flex items-center justify-between">