From c63dbd1a66b1b51f041f3ac85b3f809eab926dba Mon Sep 17 00:00:00 2001
From: Josemi <josemijuanes@gmail.com>
Date: Mon, 25 Nov 2024 14:34:30 +0100
Subject: [PATCH] wc: Undo using dashboard as an app #TASK-7216 #TASK-7100

---
 src/webcomponents/commons/layout/layout-sidebar.js | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/webcomponents/commons/layout/layout-sidebar.js b/src/webcomponents/commons/layout/layout-sidebar.js
index daabfc6a0..ce6166781 100644
--- a/src/webcomponents/commons/layout/layout-sidebar.js
+++ b/src/webcomponents/commons/layout/layout-sidebar.js
@@ -35,7 +35,7 @@ export default class LayoutSidebar extends LitElement {
         `;
     }
 
-    renderAppButton(app) {
+    renderButton(app) {
         const active = this.currentUrl.startsWith(`#${app.id}`); // url always start with the app ID
         return html`
             <a
@@ -49,17 +49,14 @@ export default class LayoutSidebar extends LitElement {
     }
 
     render() {
-        // Note: dashboard app is always the first one and is not included in the Apps section of the sidebar
-        const dashboardApp = this.config?.apps?.find(app => app.id === "dashboard");
-        const otherApps = (this.config?.apps || []).filter(app => app.id !== "dashboard");
         return html`
             <div class="d-flex flex-column justify-content-between flex-shrink-0 border-end bg-gray-100 position-relative h-full" style="width:72px">
                 <div class="d-flex flex-column">
                     <div class="d-flex flex-column gap-1 user-select-none p-2">
-                        ${dashboardApp ? this.renderAppButton(dashboardApp) : nothing}
-                        ${otherApps.length > 0 ? html`
+                        ${this.renderButton({id: "dashboard", name: "Dashboard", icon: "fa-home"})}
+                        ${this.config?.apps?.length > 0 ? html`
                             ${this.renderSectionSeparator("Apps")}
-                            ${otherApps.map(app => this.renderAppButton(app))}
+                            ${this.config.apps.map(app => this.renderButton(app))}
                         `: nothing}
                         <!--
                         <div class="mt-2 text-gray-500 fw-bold small">Favourites</div>