HACS icon on left sidebar sometimes doesn't appear/is blank

Installation details

Description	Value
HACS version	1.1.0
Home Assistant version	0.111.2
Installation method for HA	Ubuntu KVM/HassOS
Web browser	Chrome on MacOS
Web browser version	83.xxx

Checklist

• I’m running the newest version of HACS https://github.com/hacs/integration/releases/latest
• I have filled out the issue template to the best of my ability.
• I have read https://hacs.xyz/docs/issues
• This issue is related to the frontend of HACS.
• This issue only contain 1 issue (if you have multiple issues, open one issue for each issue).

Describe the issue

Sometimes the HACS icon on the left sidebar doesn’t show up, and there’s only a blank space there. I can click on it and HACS loads, so it’s just a problem with the icon on the sidebar.

Steps to reproduce

Observe that sometimes the HACS icon is missing from the sidebar.

Screenshots

Javascript logs from your browser console

Logs

hacs:14 -

      }</script><script>import("/frontend_latest/core.cca20d3e.js"),import("/frontend_latest/app.cb642fbe.js"),window.customPanelJS="/frontend_latest/custom-panel.9054f397.js",window.latestJS=!0</script><script type="module" crossorigin="use-credentials" src="/simpleicons/data/si.js"></script><script type="module" crossorigin="use-credentials" src="/browser_mod.js"></script><script type="module" crossorigin="use-credentials" src="/hacsfiles/iconset.js"></script><script>(function() {

I see a reference to /browser_mod.js in there and I had commented that out of my resources definition because it didn’t seem necessary for my use of brower_mod, so I added it back, refreshed the Lovelace dashboard and the icon showed up. I’m not sure if that’s related, though. I just added this to my resources:

  - url: /browser_mod.js
    type: module

Could be unrelated, but thought I’d mention it.

[ludeeus]

That is a feature of HA 0.111.0 The frontend now shows before all integrations have loaded since that icon is provided by the HACS integration, it will not be there (since that integration is not loaded). Refresh/clear cache in the browser and it shows up.

[rccoleman]

From Bram here: https://github.com/home-assistant/frontend/issues/6187

bramkragten commented 14 hours ago

This is a timing thing, HACS should register its icon before adding itself to the sidebar.

@ludeeus If you agree, can you please reopen this?