Lighthouse/src/Header/UserMenu.jsx

import React from 'react'
import classNames from 'classnames'
import { Menu, MenuItem, MenuDivider } from "@blueprintjs/core"
import { MenuLink } from '../Shared/Components'

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