Function UserMenu

webapp/src/components/nav/UserMenu.tsx:11–33

({user}: Props)

    user: User;
}
export default function UserMenu({user}: Props) {
    return (
        <Dropdown>
            <DropdownTrigger>
                <div className="flex items-center gap-2 cursor-pointer">
                    <Avatar suppressHydrationWarning color='secondary' size='sm' name={user.displayName?.charAt(0)} />
                    {user.displayName}
                </div>
            </DropdownTrigger>
            <DropdownMenu aria-label="Static Actions">
                <DropdownItem href={`/profiles/${user.id}`} key="edit">Edit Profile</DropdownItem>
                <DropdownItem
                    onClick={() => signOut({redirectTo: '/'})}
                    key="logout" 
                    className="text-danger" 
                    color="danger"
                >
                    Sign out
                </DropdownItem>
            </DropdownMenu>
        </Dropdown>
    );
}