Correct overwriting integration labelling on integrations page (#23206)

* Update ha-config-integration-page.ts fixes #22776 * update icon color --------- Co-authored-by: Petar Petrov <[email protected]>
home-assistant · Dec 9, 2024 · ddd2c17 · ddd2c17
1 parent 829de4a
commit ddd2c17
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/src/panels/config/integrations/ha-config-integration-page.ts b/src/panels/config/integrations/ha-config-integration-page.ts
@@ -368,11 +368,12 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
                     `
                   : nothing}
                 ${this._manifest?.is_built_in === false
-                  ? html`<div class="integration-info warn">
-                      <ha-svg-icon
-                        class="warning"
-                        path=${mdiPackageVariant}
-                      ></ha-svg-icon>
+                  ? html`<div
+                      class=${`integration-info ${
+                        this._manifest.overwrites_built_in ? "error" : "warn"
+                      }`}
+                    >
+                      <ha-svg-icon path=${mdiPackageVariant}></ha-svg-icon>
                       <a
                         href=${documentationUrl(
                           this.hass,
@@ -382,7 +383,9 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
                         target="_blank"
                       >
                         ${this.hass.localize(
-                          "ui.panel.config.integrations.config_entry.custom_integration"
+                          this._manifest.overwrites_built_in
+                            ? "ui.panel.config.integrations.config_entry.custom_overwrites_core"
+                            : "ui.panel.config.integrations.config_entry.custom_integration"
                         )}
                       </a>
                     </div>`
@@ -1529,6 +1532,9 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
         .integration-info.warn ha-svg-icon {
           color: var(--warning-color);
         }
+        .integration-info.error ha-svg-icon {
+          color: var(--error-color);
+        }
         .integration-info.info ha-svg-icon {
           color: var(--info-color);
         }