added menu items to drop down logged in user menu

Author: timea-solid

src/mainPage/header.ts

@@ -6,6 +6,10 @@ import { setActiveMenuPane } from './menu'
 import type { OutlineManager } from '../outline/manager'
 
 import '~icons/lucide/user'
+import '~icons/lucide/users'
+import '~icons/lucide/folder-open'
+import '~icons/lucide/layout-dashboard'
+import '~icons/lucide/settings-2'
 import '../components/header'
 
 export async function createHeader (outliner: OutlineManager) {
@@ -28,7 +32,51 @@ export async function createHeader (outliner: OutlineManager) {
           setActiveMenuPane('profile')
         }
       }
-    }
+    },
+    {
+      label: html`<icon-lucide-users slot="left-icon"></icon-lucide-users> Friends`,
+      onSelected () {
+        const currentUser = authn.currentUser()
+
+        if (currentUser) {
+          outliner.showDashboard(currentUser, { pane: 'social' })
+          setActiveMenuPane('social')
+        }
+      }
+    },
+    {
+      label: html`<icon-lucide-folder-open slot="left-icon"></icon-lucide-folder-open> Storage`,
+      onSelected () {
+        const currentUser = authn.currentUser()
+
+        if (currentUser) {
+          outliner.showDashboard(currentUser, { pane: 'folder' })
+          setActiveMenuPane('folder')
+        }
+      }
+    },
+    {
+      label: html`<icon-lucide-layout-dashboard slot="left-icon"></icon-lucide-layout-dashboard> Dashboard`,
+      onSelected () {
+        const currentUser = authn.currentUser()
+
+        if (currentUser) {
+          outliner.showDashboard(currentUser, { pane: 'home' })
+          setActiveMenuPane('home')
+        }
+      }
+    },
+    {
+      label: html`<icon-lucide-settings-2 slot="left-icon"></icon-lucide-settings-2> Preferences`,
+      onSelected () {
+        const currentUser = authn.currentUser()
+
+        if (currentUser) {
+          outliner.showDashboard(currentUser, { pane: 'basicPreferences' })
+          setActiveMenuPane('basicPreferences')
+        }
+      }
+    },
   ]
 
   render(