github
/
ha-frontend
mirror of https://github.com/home-assistant/frontend
1
Fork 0
Code Releases Activity

Add unavailable badge for tile card (#14582) 

add unavailable badge for tile card
This commit is contained in:
Paul Bottein 2022-12-06 18:14:18 +01:00 committed by GitHub
parent 228fd4b7fe
commit d622d9d420
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/panels/lovelace/cards/tile/badges/tile-badge.ts
View File

@ -1,6 +1,7 @@
import { mdiExclamationThick } from "@mdi/js";
import { HassEntity } from "home-assistant-js-websocket";
import { computeDomain } from "../../../../../common/entity/compute_domain";
import { UNAVAILABLE_STATES } from "../../../../../data/entity";
import { UNAVAILABLE, UNKNOWN } from "../../../../../data/entity";
import { HomeAssistant } from "../../../../../types";
import { computeClimateBadge } from "./tile-badge-climate";
import { computePersonBadge } from "./tile-badge-person";
@ -17,9 +18,15 @@ export type ComputeBadgeFunction = (
) => TileBadge | undefined;
export const computeTileBadge: ComputeBadgeFunction = (stateObj, hass) => {
if (UNAVAILABLE_STATES.includes(stateObj.state)) {
if (stateObj.state === UNKNOWN) {
return undefined;
}
if (stateObj.state === UNAVAILABLE) {
return {
color: "var(--rgb-orange-color)",
iconPath: mdiExclamationThick,
};
}
const domain = computeDomain(stateObj.entity_id);
switch (domain) {
case "person":