From b9395e1c97661402ee959b38d59c1166fa6bf200 Mon Sep 17 00:00:00 2001 From: Bram Kragten Date: Fri, 30 Sep 2022 14:50:01 +0200 Subject: [PATCH] Add support for brand images (#13930) --- src/panels/config/integrations/dialog-add-integration.ts | 6 +++++- .../config/integrations/ha-integration-list-item.ts | 3 +++ src/util/brands-url.ts | 9 ++++++--- 3 files changed, 14 insertions(+), 4 deletions(-) diff --git a/src/panels/config/integrations/dialog-add-integration.ts b/src/panels/config/integrations/dialog-add-integration.ts index 8df3b20903..4ef11ce6cb 100644 --- a/src/panels/config/integrations/dialog-add-integration.ts +++ b/src/panels/config/integrations/dialog-add-integration.ts @@ -385,7 +385,11 @@ class AddIntegrationDialog extends LitElement { return html``; } return html` - + `; }; diff --git a/src/panels/config/integrations/ha-integration-list-item.ts b/src/panels/config/integrations/ha-integration-list-item.ts index 714f15d667..b117d131a9 100644 --- a/src/panels/config/integrations/ha-integration-list-item.ts +++ b/src/panels/config/integrations/ha-integration-list-item.ts @@ -22,6 +22,8 @@ export class HaIntegrationListItem extends ListItemBase { @property({ type: Boolean }) hasMeta = true; + @property({ type: Boolean }) brand = false; + renderSingleLine() { if (!this.integration) { return html``; @@ -51,6 +53,7 @@ export class HaIntegrationListItem extends ListItemBase { type: "icon", useFallback: true, darkOptimized: this.hass.themes?.darkMode, + brand: this.brand, })} referrerpolicy="no-referrer" /> diff --git a/src/util/brands-url.ts b/src/util/brands-url.ts index 7b0405b696..e5afa95320 100644 --- a/src/util/brands-url.ts +++ b/src/util/brands-url.ts @@ -3,6 +3,7 @@ export interface BrandsOptions { type: "icon" | "logo" | "icon@2x" | "logo@2x"; useFallback?: boolean; darkOptimized?: boolean; + brand?: boolean; } export interface HardwareBrandsOptions { @@ -13,9 +14,11 @@ export interface HardwareBrandsOptions { } export const brandsUrl = (options: BrandsOptions): string => - `https://brands.home-assistant.io/${options.useFallback ? "_/" : ""}${ - options.domain - }/${options.darkOptimized ? "dark_" : ""}${options.type}.png`; + `https://brands.home-assistant.io/${options.brand ? "brands/" : ""}${ + options.useFallback ? "_/" : "" + }${options.domain}/${options.darkOptimized ? "dark_" : ""}${ + options.type + }.png`; export const hardwareBrandsUrl = (options: HardwareBrandsOptions): string => `https://brands.home-assistant.io/hardware/${options.category}/${