use actual users name

This commit is contained in:
Rob Squires 2025-08-13 07:43:41 +01:00
parent 7a945b091f
commit c27caa4a07
3 changed files with 6 additions and 4 deletions

View File

@ -10,13 +10,14 @@ import N8nResizeWrapper from '../N8nResizeWrapper';
import { N8nButton, N8nIconButton, N8nRoute, N8nTooltip } from '..';
import N8nKeyboardShortcut from '../N8nKeyboardShortcut/N8nKeyboardShortcut.vue';
import { useSidebarLayout } from './useSidebarLayout';
import { ICustomMenuItem, IMenuItem } from '@n8n/design-system/types';
import { IMenuItem } from '@n8n/design-system/types';
import SidebarSubMenu from './SidebarSubMenu.vue';
const props = defineProps<{
personal: { id: string; items: TreeItemType[] };
shared: TreeItemType[];
projects: { title: string; id: string; icon: IconName; items: TreeItemType[] }[];
userName: string;
releaseChannel: 'stable' | 'dev' | 'beta' | 'nightly';
menuItems: IMenuItem[];
helpMenuItems: IMenuItem[];
@ -185,7 +186,7 @@ function getMenuItemRoute(item: IMenuItem) {
<slot name="creatorCallout" />
<slot name="sourceControl" />
<div class="sidebarUserArea">
<N8nText class="userName" size="small" bold>Rob Squires</N8nText>
<N8nText class="userName" size="small" bold>{{ userName }}</N8nText>
<N8nTooltip placement="top">
<template #content>
<N8nText size="small">Sign out</N8nText>

View File

@ -3,7 +3,7 @@ import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from 'reka
</script>
<template>
<PopoverRoot modal>
<PopoverRoot>
<PopoverTrigger asChild class="sidebarSubMenuTrigger">
<slot name="trigger" />
</PopoverTrigger>
@ -17,7 +17,7 @@ import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from 'reka
<style lang="scss">
.sidebarSubMenu {
background-color: var(--color-background-xlight);
background-color: var(--color-foreground-xlight);
border: var(--border-base);
border-radius: var(--border-radius-base);
padding: var(--spacing-2xs);

View File

@ -325,6 +325,7 @@ const helpMenuItems = ref([
<template>
<N8nSidebar
:personal="personalItems"
:user-name="usersStore.currentUser?.fullName || ''"
:shared="sharedItems"
:projects="projects"
:release-channel="settingsStore.settings.releaseChannel"