Всех приветствую! Это немного внеплановая статья, которой и быть то не должно было. Но она есть.
Описание проблемы
На протяжении долгого времени я мирился с проблемой, что сторонние иконки не всегда отображаются в интерфейсе. Выглядело это вот так:
Только цвет выдавал, включено ли устройство. Ловилась проблема спонтанно, и так же спонтанно пропадала. Сегодня меня это взбесило конкретно. Решил поискать информацию.
Решение
А решение оказалось простым: в файл конфигурации нужно прописать пути до модулей с иконками сторонних компонентов. В моём случае получилось так:
frontend:
themes: !include_dir_merge_named themes
extra_module_url:
- /hacsfiles/custom-brand-icons/custom-brand-icons.js?hacstag=366862031202420
- /hacsfiles/hass-hue-icons/hass-hue-icons.js
- /hacsfiles/ha-yandex-icons/yandex-icons.js
Пути я взял из файла lovelace_config.yaml, который у меня подключен в основной конфигурации в раздел lovelace:
lovelace: !include lovelace_config.yaml
Там хранятся пути к сторонним библиотекам, установленным через HACS, как например иконки от Яндекса:
resources:
- type: module
url: /hacsfiles/ha-yandex-icons/yandex-icons.js
И теперь после перезагрузки HA - все иконки отображаются корректно!
Итог
Казалось бы, проблема банальная, но требует отдельного подхода.
И вот только после решения проблемы я увидел, что некоторые иконки не соответствуют типу устройства (настольная лампа и лента). На втором слайде исправлено. Но это уже другая история.
Если у вас возникли вопросы или вы столкнулись с какими-либо трудностями, пожалуйста, укажите их в комментариях. Я постараюсь ответить на все вопросы как можно быстрее.
Всем спасибо за чтение, за интерес, комментарии, лайки и подписку. Ссылка на добровольные донаты. Никого не заставляю, но буду благодарен. Подписывайтесь на мой канал в телеграме https://t.me/kai_zer_ru_public