Correct overwriting integration labelling on integrations page (#23206)

* Update ha-config-integration-page.ts

fixes #22776

* update icon color

---------

Co-authored-by: Petar Petrov <MindFreeze@users.noreply.github.com>
This commit is contained in:
Christopher Fenner 2024-12-08 18:21:34 +01:00 committed by Bram Kragten
parent 829de4a073
commit ddd2c177b5

View File

@ -368,11 +368,12 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
` `
: nothing} : nothing}
${this._manifest?.is_built_in === false ${this._manifest?.is_built_in === false
? html`<div class="integration-info warn"> ? html`<div
<ha-svg-icon class=${`integration-info ${
class="warning" this._manifest.overwrites_built_in ? "error" : "warn"
path=${mdiPackageVariant} }`}
></ha-svg-icon> >
<ha-svg-icon path=${mdiPackageVariant}></ha-svg-icon>
<a <a
href=${documentationUrl( href=${documentationUrl(
this.hass, this.hass,
@ -382,7 +383,9 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
target="_blank" target="_blank"
> >
${this.hass.localize( ${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> </a>
</div>` </div>`
@ -1529,6 +1532,9 @@ class HaConfigIntegrationPage extends SubscribeMixin(LitElement) {
.integration-info.warn ha-svg-icon { .integration-info.warn ha-svg-icon {
color: var(--warning-color); color: var(--warning-color);
} }
.integration-info.error ha-svg-icon {
color: var(--error-color);
}
.integration-info.info ha-svg-icon { .integration-info.info ha-svg-icon {
color: var(--info-color); color: var(--info-color);
} }