reverted telemetry notification back to its original component

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.html
index 50e2070207199bcb0cbec2c936172c7264156954..98f473e3bbf79fbaaa92325165986a1793d3a0d9 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.html
@@ -1,22 +1,12 @@
-<cds-actionable-notification
-class="telemetry-notification"
-  [notificationObj]="{
-            type: notificationSeverity,
-            template: customActionableContent,
-            actionsTemplate: customActionableTrigger,
-            showClose: notificationSeverity !== 'danger'
-        }"
-></cds-actionable-notification>
-
-<ng-template #customActionableContent let-data>
-  <p cdsActionableTitle i18n>Telemetry</p>
-  <p cdsActionableSubtitle i18n>The Ceph community needs your help to continue improving</p>
-  <p cdsToastCaption i18n>Please activate the
-    <a href="https://docs.ceph.com/en/latest/mgr/telemetry/">Telemetry</a> module.</p>
-</ng-template>
-
-<ng-template #customActionableTrigger>
-  <a routerLink="/telemetry">
-    <button cdsActionableButton cdsButton="ghost" size="sm" i18n>Activate</button>
-  </a>
-</ng-template>
\ No newline at end of file
+<cd-alert-panel *ngIf="displayNotification"
+                class="no-margin-bottom telemetry-notification"
+                [showTitle]="false"
+                size="slim"
+                [type]="notificationSeverity"
+                [dismissible]="notificationSeverity !== 'danger'"
+                (dismissed)="onDismissed()">
+  <div i18n>The Ceph community needs your help to continue improving: please
+    <a routerLink="/telemetry"
+       class="btn activate-button alert-link activate-text">Activate</a> the
+  <a href="https://docs.ceph.com/en/latest/mgr/telemetry/">Telemetry</a> module.</div>
+</cd-alert-panel>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.scss
index 7d68755f42c63c1b5622e205e4674e9032c3b1ac..4faa60684a1a37226515b38c488fe6fb75da4dcc 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.scss
@@ -26,5 +26,6 @@ a {
   z-index: 99999;
   position: absolute;
   bottom: 25px;
-  right: 25px;
+  right: 50%;
+  transform: translateX(50%);
 }