1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as React from "react";
6 import { MenuItem } from "@material-ui/core";
7 import { User, getUserFullname } from "~/models/user";
8 import { DropdownMenu } from "~/components/dropdown-menu/dropdown-menu";
9 import { UserPanelIcon } from "~/components/icon/icon";
10 import { DispatchProp, connect } from 'react-redux';
11 import { logout } from "~/store/auth/auth-action";
12 import { RootState } from "~/store/store";
14 interface AccountMenuProps {
18 const mapStateToProps = (state: RootState): AccountMenuProps => ({
22 export const AccountMenu = connect(mapStateToProps)(
23 ({ user, dispatch }: AccountMenuProps & DispatchProp<any>) =>
26 icon={<UserPanelIcon />}
28 title="Account Management">
30 {getUserFullname(user)}
32 <MenuItem>Current token</MenuItem>
33 <MenuItem>My account</MenuItem>
34 <MenuItem onClick={() => dispatch(logout())}>Logout</MenuItem>