diff --git a/frontend/app/components/Dashboard/components/Funnels/FunnelIssues/FunnelIssues.tsx b/frontend/app/components/Dashboard/components/Funnels/FunnelIssues/FunnelIssues.tsx
index 8471b51da..826e9a133 100644
--- a/frontend/app/components/Dashboard/components/Funnels/FunnelIssues/FunnelIssues.tsx
+++ b/frontend/app/components/Dashboard/components/Funnels/FunnelIssues/FunnelIssues.tsx
@@ -53,8 +53,8 @@ function FunnelIssues() {
}, [stages.length, drillDownPeriod, filter.filters, depsString, metricStore.sessionsPage]);
return useObserver(() => (
-
-
+
+
Most significant issues identified in this funnel
@@ -70,4 +70,4 @@ function FunnelIssues() {
));
}
-export default FunnelIssues;
\ No newline at end of file
+export default FunnelIssues;
diff --git a/frontend/app/components/Dashboard/components/Funnels/FunnelIssuesList/FunnelIssuesList.tsx b/frontend/app/components/Dashboard/components/Funnels/FunnelIssuesList/FunnelIssuesList.tsx
index e0908c6f4..3894f4671 100644
--- a/frontend/app/components/Dashboard/components/Funnels/FunnelIssuesList/FunnelIssuesList.tsx
+++ b/frontend/app/components/Dashboard/components/Funnels/FunnelIssuesList/FunnelIssuesList.tsx
@@ -45,8 +45,8 @@ function FunnelIssuesList(props: RouteComponentProps
) {
show={!loading && filteredIssues.length === 0}
title={
-
-
No issues found
+
+
No issues found
}
>
@@ -59,4 +59,4 @@ function FunnelIssuesList(props: RouteComponentProps) {
))
}
-export default withRouter(FunnelIssuesList) as React.FunctionComponent>;
\ No newline at end of file
+export default withRouter(FunnelIssuesList) as React.FunctionComponent>;
diff --git a/frontend/app/components/Dashboard/components/WidgetPreview/WidgetPreview.tsx b/frontend/app/components/Dashboard/components/WidgetPreview/WidgetPreview.tsx
index 98bb11a1b..f0e3b037a 100644
--- a/frontend/app/components/Dashboard/components/WidgetPreview/WidgetPreview.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetPreview/WidgetPreview.tsx
@@ -42,7 +42,7 @@ function WidgetPreview(props: Props) {
return useObserver(() => (
<>
-
+
{props.name}
diff --git a/frontend/app/components/shared/AnimatedSVG/AnimatedSVG.tsx b/frontend/app/components/shared/AnimatedSVG/AnimatedSVG.tsx
index 114cba1e9..c1d8b1799 100644
--- a/frontend/app/components/shared/AnimatedSVG/AnimatedSVG.tsx
+++ b/frontend/app/components/shared/AnimatedSVG/AnimatedSVG.tsx
@@ -10,6 +10,7 @@ import NoBookmarks from '../../../svg/ca-no-bookmarked-session.svg';
import NoLiveSessions from '../../../svg/ca-no-live-sessions.svg';
import NoSessions from '../../../svg/ca-no-sessions.svg';
import NoSessionsInVault from '../../../svg/ca-no-sessions-in-vault.svg';
+import NoIssues from '../../../svg/ca-no-issues.svg';
export enum ICONS {
DASHBOARD_ICON = 'dashboard-icn',
@@ -22,7 +23,8 @@ export enum ICONS {
NO_BOOKMARKS = 'ca-no-bookmarked-session',
NO_LIVE_SESSIONS = 'ca-no-live-sessions',
NO_SESSIONS = 'ca-no-sessions',
- NO_SESSIONS_IN_VAULT = 'ca-no-sessions-in-vault'
+ NO_SESSIONS_IN_VAULT = 'ca-no-sessions-in-vault',
+ NO_ISSUES = 'ca-no-issues',
}
interface Props {
@@ -55,6 +57,8 @@ function AnimatedSVG(props: Props) {
return ;
case ICONS.NO_SESSIONS_IN_VAULT:
return ;
+ case ICONS.NO_ISSUES:
+ return ;
default:
return null;
}
diff --git a/frontend/app/svg/ca-no-issues.svg b/frontend/app/svg/ca-no-issues.svg
new file mode 100644
index 000000000..5be1cbd22
--- /dev/null
+++ b/frontend/app/svg/ca-no-issues.svg
@@ -0,0 +1,7 @@
+