[frontend] Go to my documents when clicking the sidebar Hue logo

Author: JohanAhlen

desktop/core/src/desktop/js/components/sidebar/HueSidebar.vue

@@ -29,6 +29,7 @@
     :is-collapsed="isCollapsed"
     :drawer-topic="drawerTopic"
     @toggle-collapsed="toggleCollapsed"
+    @header-click="onHeaderClick"
   />
 </template>
 
@@ -211,6 +212,10 @@
       setInLocalStorage('hue.sidebar.collapse', this.isCollapsed);
     }
 
+    onHeaderClick(event: MouseEvent): void {
+      onHueLinkClick(event, '/home');
+    }
+
     mounted(): void {
       const config = getLastKnownConfig();
       if (config) {

desktop/core/src/desktop/js/components/sidebar/Sidebar.vue

@@ -38,7 +38,7 @@
     </div>
     <div class="sidebar" :class="{ 'sidebar-collapsed': isCollapsed }">
       <div class="sidebar-header">
-        <a href="javascript:void(0);">
+        <a href="javascript:void(0);" @click="$emit('header-click', $event)">
           <svg>
             <use xlink:href="#hi-sidebar-logo" />
           </svg>
@@ -112,6 +112,7 @@
   import SidebarBody from './SidebarBody.vue';
   import SidebarDrawer from './SidebarDrawer.vue';
   import {
+    HelpDrawerItem,
     SidebarAccordionItem,
     SidebarAccordionSubItem,
     SidebarItem,
@@ -137,14 +138,14 @@
     sidebarItems!: SidebarItem[];
 
     @Prop({ required: false, default: true })
-    useDrawerForUser: boolean;
+    useDrawerForUser?: boolean;
     @Prop({ required: false })
     userDrawerItem: UserDrawerItem | null = null;
     @Prop({ required: false })
     userDrawerChildren: SidebarAccordionSubItem[] = [];
 
     @Prop({ required: false, default: true })
-    useDrawerForHelp: boolean;
+    useDrawerForHelp?: boolean;
     @Prop({ required: false })
     helpDrawerItem: HelpDrawerItem | null = null;
     @Prop({ required: false })