diff --git a/src/components/ha-sidebar.ts b/src/components/ha-sidebar.ts index 962bf47e89..f864e8a874 100644 --- a/src/components/ha-sidebar.ts +++ b/src/components/ha-sidebar.ts @@ -8,7 +8,6 @@ import { mdiCog, mdiFormatListBulletedType, mdiHammer, - mdiHomeAssistant, mdiLightningBolt, mdiMenu, mdiMenuOpen, @@ -53,7 +52,7 @@ import "./ha-menu-button"; import "./ha-svg-icon"; import "./user/ha-user-badge"; -const SHOW_AFTER_SPACER = ["config", "developer-tools", "hassio"]; +const SHOW_AFTER_SPACER = ["config", "developer-tools"]; const SUPPORT_SCROLL_IF_NEEDED = "scrollIntoViewIfNeeded" in document.body; @@ -63,7 +62,6 @@ const SORT_VALUE_URL_PATHS = { logbook: 3, history: 4, "developer-tools": 9, - hassio: 10, config: 11, }; @@ -72,7 +70,6 @@ const PANEL_ICONS = { config: mdiCog, "developer-tools": mdiHammer, energy: mdiLightningBolt, - hassio: mdiHomeAssistant, history: mdiChartBox, logbook: mdiFormatListBulletedType, lovelace: mdiViewDashboard, @@ -340,10 +337,8 @@ class HaSidebar extends LitElement { this._hiddenPanels ); - // Show the update-available as beeing part of configuration - const selectedPanel = this.route.path?.startsWith( - "/hassio/update-available" - ) + // Show the supervisor as beeing part of configuration + const selectedPanel = this.route.path?.startsWith("/hassio/") ? "config" : this.hass.panelUrl; @@ -393,11 +388,7 @@ class HaSidebar extends LitElement { return html` `} diff --git a/src/panels/config/dashboard/ha-config-navigation.ts b/src/panels/config/dashboard/ha-config-navigation.ts index 1b45594c9e..b577fe1abe 100644 --- a/src/panels/config/dashboard/ha-config-navigation.ts +++ b/src/panels/config/dashboard/ha-config-navigation.ts @@ -1,13 +1,6 @@ import "@polymer/paper-item/paper-icon-item"; import "@polymer/paper-item/paper-item-body"; -import { - css, - CSSResultGroup, - html, - LitElement, - PropertyValues, - TemplateResult, -} from "lit"; +import { css, CSSResultGroup, html, LitElement, TemplateResult } from "lit"; import { customElement, property } from "lit/decorators"; import { canShowPage } from "../../../common/config/can_show_page"; import "../../../components/ha-card"; @@ -26,21 +19,6 @@ class HaConfigNavigation extends LitElement { @property() public pages!: PageNavigation[]; - @property() public focusedPath?: string | null; - - protected updated(changedProps: PropertyValues) { - super.firstUpdated(changedProps); - if (!this.focusedPath) { - return; - } - for (const a of this.shadowRoot!.querySelectorAll("a")) { - if (a.href.endsWith(this.focusedPath)) { - a.querySelector("paper-icon-item")?.focus(); - break; - } - } - } - protected render(): TemplateResult { return html` ${this.pages.map((page) => diff --git a/src/panels/config/ha-panel-config.ts b/src/panels/config/ha-panel-config.ts index 2cd7de0a5f..4c23f77086 100644 --- a/src/panels/config/ha-panel-config.ts +++ b/src/panels/config/ha-panel-config.ts @@ -72,9 +72,9 @@ export const configSections: { [name: string]: PageNavigation[] } = { }, { path: "/hassio", - name: "Add-ons & Backups", + name: "Add-ons & Backups (Supervisor)", description: "Create backups, check logs or reboot your system", - iconPath: mdiPuzzle, + iconPath: mdiHomeAssistant, iconColor: "#4084CD", component: "hassio", },