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, Divider } from "@material-ui/core";
7 import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles';
8 import { User, getUserFullname } from "~/models/user";
9 import { DropdownMenu } from "~/components/dropdown-menu/dropdown-menu";
10 import { Link } from "react-router-dom";
11 import { UserPanelIcon } from "~/components/icon/icon";
12 import { DispatchProp, connect } from 'react-redux';
13 import { logout } from '~/store/auth/auth-action';
14 import { RootState } from "~/store/store";
15 import { openCurrentTokenDialog } from '~/store/current-token-dialog/current-token-dialog-actions';
16 import { openRepositoriesPanel } from "~/store/repositories/repositories-actions";
18 navigateToSiteManager,
19 navigateToSshKeysUser,
21 } from '~/store/navigation/navigation-action';
22 import { openUserVirtualMachines } from "~/store/virtual-machines/virtual-machines-actions";
24 interface AccountMenuProps {
30 const mapStateToProps = (state: RootState): AccountMenuProps => ({
31 user: state.auth.user,
32 currentRoute: state.router.location ? state.router.location.pathname : '',
33 workbenchURL: state.config.workbenchUrl,
36 const wb1URL = (route: string) => {
37 const r = route.replace(/^\//, "");
38 if (r.match(/^(projects|collections)\//)) {
40 } else if (r.match(/^processes\//)) {
41 return r.replace(/^processes/, "container_requests");
46 type CssRules = 'link';
48 const styles: StyleRulesCallback<CssRules> = () => ({
50 textDecoration: 'none',
55 export const AccountMenu = withStyles(styles)(
56 connect(mapStateToProps)(
57 ({ user, dispatch, currentRoute, workbenchURL, classes }: AccountMenuProps & DispatchProp<any> & WithStyles<CssRules>) =>
60 icon={<UserPanelIcon />}
62 title="Account Management"
65 {getUserFullname(user)}
67 <MenuItem onClick={() => dispatch(openUserVirtualMachines())}>Virtual Machines</MenuItem>
68 {!user.isAdmin && <MenuItem onClick={() => dispatch(openRepositoriesPanel())}>Repositories</MenuItem>}
69 <MenuItem onClick={() => dispatch(openCurrentTokenDialog)}>Current token</MenuItem>
70 <MenuItem onClick={() => dispatch(navigateToSshKeysUser)}>Ssh Keys</MenuItem>
71 <MenuItem onClick={() => dispatch(navigateToSiteManager)}>Site Manager</MenuItem>
72 <MenuItem onClick={() => dispatch(navigateToMyAccount)}>My account</MenuItem>
74 <a href={`${workbenchURL.replace(/\/$/, "")}/${wb1URL(currentRoute)}`}
75 className={classes.link}>
76 Switch to Workbench v1</a></MenuItem>
78 <MenuItem onClick={() => dispatch(logout())}>Logout</MenuItem>