diff --git a/src/purifier-card.js b/src/purifier-card.js index 138b209..e9591aa 100644 --- a/src/purifier-card.js +++ b/src/purifier-card.js @@ -4,6 +4,8 @@ import './purifier-card-editor'; import localize from './localize'; import styles from './styles'; import { version } from '../package.json'; +import workingImg from './images/purifier-working.gif'; +import standbyImg from './images/purifier-standby.png'; console.info( `%c PURIFIER-CARD %c ${version} `, @@ -235,7 +237,7 @@ class PurifierCard extends LitElement { } = this.entity; const disabled = state !== 'on'; - const stateClass = !disabled ? 'working' : 'standby'; + const image = !disabled ? workingImg : standbyImg; return html`
@@ -246,7 +248,8 @@ class PurifierCard extends LitElement { @value-changed=${(e) => this.handlePercentage(e)} > -
+ purifier is ${state} +
${this.renderAQI()}