Add warning that live dashboard is deprecated (#3359)
diff --git a/ui/src/app/dashboard/components/overview/dashboard-overview.component.html b/ui/src/app/dashboard/components/overview/dashboard-overview.component.html
index e51199a..4e5aeee 100644
--- a/ui/src/app/dashboard/components/overview/dashboard-overview.component.html
+++ b/ui/src/app/dashboard/components/overview/dashboard-overview.component.html
@@ -43,6 +43,17 @@
</button>
</div>
+ <div fxLayout="column">
+ <div class="warning" fxLayout="row" fxLayoutAlign="start center">
+ <i class="material-icons warning-icon">warning</i>
+ <span
+ >Warning: The Live Dashboard will be removed in future
+ versions. The live refresh feature has been integrated into
+ the Data Explorer. Please migrate your current dashboards to
+ the Data Explorer!</span
+ >
+ </div>
+ </div>
<div fxFlex="100" fxLayout="column">
<sp-basic-header-title-component
title="Dashboards"
diff --git a/ui/src/app/dashboard/components/overview/dashboard-overview.component.scss b/ui/src/app/dashboard/components/overview/dashboard-overview.component.scss
index 2384389..74f138c 100644
--- a/ui/src/app/dashboard/components/overview/dashboard-overview.component.scss
+++ b/ui/src/app/dashboard/components/overview/dashboard-overview.component.scss
@@ -35,3 +35,18 @@
display: inline;
margin-right: 10px;
}
+
+.warning {
+ border: 1px solid #dea843;
+ background: #ececc9;
+ padding: 10px;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ box-sizing: border-box;
+}
+
+.warning-icon {
+ color: #dea843;
+ font-size: 24px;
+}
