feat(ST-507): add email input to settings and surface in user menu
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
5ed3645ecb
commit
0dc907b75c
5 changed files with 29 additions and 10 deletions
|
|
@ -14,10 +14,10 @@ interface NavBarProps {
|
|||
roles: string[]
|
||||
userId: string
|
||||
username: string
|
||||
bio: string | null
|
||||
email: string | null
|
||||
}
|
||||
|
||||
export function NavBar({ isDemo, roles, userId, username, bio }: NavBarProps) {
|
||||
export function NavBar({ isDemo, roles, userId, username, email }: NavBarProps) {
|
||||
const pathname = usePathname()
|
||||
const currentProduct = useProductStore(s => s.currentProduct)
|
||||
|
||||
|
|
@ -97,7 +97,7 @@ export function NavBar({ isDemo, roles, userId, username, bio }: NavBarProps) {
|
|||
|
||||
{/* Rechts: account-menu */}
|
||||
<div className="flex items-center gap-2 flex-1 justify-end">
|
||||
<UserMenu userId={userId} username={username} bio={bio} roles={roles} />
|
||||
<UserMenu userId={userId} username={username} email={email} roles={roles} />
|
||||
</div>
|
||||
</header>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -23,14 +23,14 @@ const ROLE_LABELS: Record<string, string> = {
|
|||
interface UserMenuProps {
|
||||
userId: string
|
||||
username: string
|
||||
bio: string | null
|
||||
email: string | null
|
||||
roles: string[]
|
||||
}
|
||||
|
||||
export function UserMenu({ userId, username, bio, roles }: UserMenuProps) {
|
||||
export function UserMenu({ userId, username, email, roles }: UserMenuProps) {
|
||||
const initials = username.slice(0, 2).toUpperCase()
|
||||
const roleLabels = roles.map((r) => ROLE_LABELS[r]).filter(Boolean)
|
||||
const subtitle = bio?.trim() ? bio.trim() : 'Lokaal account'
|
||||
const subtitle = email?.trim() ? email.trim() : 'Lokaal account'
|
||||
|
||||
return (
|
||||
<DropdownMenu>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue