${this.hass.localize("ui.panel.config.ozw.select_instance.header")}
@@ -162,6 +187,13 @@ class OZWConfigDashboard extends LitElement {
:host([narrow]) ha-config-section {
margin-top: -20px;
}
+ ha-alert {
+ display: block;
+ margin: 16px;
+ }
+ ha-alert a {
+ text-decoration: none;
+ }
ha-card {
overflow: hidden;
}
diff --git a/src/panels/config/integrations/integration-panels/zwave/ha-config-zwave.js b/src/panels/config/integrations/integration-panels/zwave/ha-config-zwave.js
index f72844f373..91081d5158 100644
--- a/src/panels/config/integrations/integration-panels/zwave/ha-config-zwave.js
+++ b/src/panels/config/integrations/integration-panels/zwave/ha-config-zwave.js
@@ -12,6 +12,7 @@ import { computeStateName } from "../../../../../common/entity/compute_state_nam
import { sortStatesByName } from "../../../../../common/entity/states_sort_by_name";
import "../../../../../components/buttons/ha-call-service-button";
import "../../../../../components/ha-card";
+import "../../../../../components/ha-alert";
import "../../../../../components/ha-icon";
import "../../../../../components/ha-icon-button";
import "../../../../../components/ha-icon-button-arrow-prev";
@@ -43,6 +44,14 @@ class HaConfigZwave extends LocalizeMixin(EventsMixin(PolymerElement)) {
border-bottom: 1px solid var(--divider-color);
}
+ ha-alert {
+ display: block;
+ margin: 16px;
+ }
+ ha-alert a {
+ text-decoration: none;
+ }
+
.content {
margin-top: 24px;
}
@@ -101,6 +110,30 @@ class HaConfigZwave extends LocalizeMixin(EventsMixin(PolymerElement)) {
+
+ This Z-Wave integration is deprecated and will no longer receive any
+ updates. The technical dependencies will render this integration
+ unusable in the near future. We strongly advise you to migrate to the
+ new
+ Z-Wave JS integration.
+
+ learn more
+
+
+