change(ui) - insights - no content message

frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/InsightsCard/InsightsCard.tsx

@@ -1,8 +1,9 @@
-import { NoContent } from 'App/components/ui';
+import { NoContent } from 'UI';
 import { useStore } from 'App/mstore';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 import InsightItem from './InsightItem';
+import { NO_METRIC_DATA } from 'App/constants/messages';
 
 interface Props {}
 function InsightsCard(props: Props) {
@@ -23,7 +24,11 @@ function InsightsCard(props: Props) {
   };
 
   return (
-    <NoContent>
+    <NoContent
+      show={metric.data.issues.length === 0}
+      title={NO_METRIC_DATA}
+      style={{ padding: '100px 0' }}
+    >
       {metric.data.issues.map((item: any) => (
         <InsightItem item={item} onClick={clickHanddler} />
       ))}

frontend/app/components/Dashboard/components/WidgetView/WidgetView.tsx

@@ -18,10 +18,6 @@ import {
     TABLE,
     CLICKMAP,
     FUNNEL,
-    ERRORS,
-    RESOURCE_MONITORING,
-    PERFORMANCE,
-    WEB_VITALS,
     INSIGHTS,
   } from 'App/constants/card';
 

frontend/app/mstore/types/widget.ts

@@ -99,6 +99,7 @@ export default class Widget {
       this.predefinedKey = json.predefinedKey;
       this.category = json.category;
       this.thumbnail = json.thumbnail;
+      this.isPublic = json.isPublic;
 
       if (period) {
         this.period = period;