Lighthouse/src/Header/UserMenu.jsx

import React from 'react'
import classNames from 'classnames'
import { Link } from 'react-router-dom'
import { Menu, MenuItem, MenuDivider } from "@blueprintjs/core"

const MenuLink = ({ to, iconName, children, ...otherProps }) => {
    let classes = classNames(["pt-menu-item","pt-popover-dismiss", {[`pt-icon-${iconName}`]: iconName}]);
    return <li><Link to={to} className={classes} {...otherProps}>{children}</Link></li>
}

const userMenu = ({ logout }) => 
    <Menu>
        <MenuLink to="/user" iconName="user">Profile</MenuLink>
        <MenuLink to="/settings" iconName="cog">Settings</MenuLink>
        <MenuDivider />
        <MenuItem text="Log out" iconName="power" onClick={() => { console.log('loginout'); logout() }} />
    </Menu>

export default userMenu