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}
${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);
}