14489-any-menus-persists-after-route-change
[arvados-workbench2.git] / src / views-components / main-app-bar / admin-menu.tsx
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import * as React from "react";
6 import { MenuItem } from "@material-ui/core";
7 import { User } from "~/models/user";
8 import { DropdownMenu } from "~/components/dropdown-menu/dropdown-menu";
9 import { AdminMenuIcon } 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";
13 import { openRepositoriesPanel } from "~/store/repositories/repositories-actions";
14 import * as NavigationAction from '~/store/navigation/navigation-action';
15 import { openAdminVirtualMachines } from "~/store/virtual-machines/virtual-machines-actions";
16 import { openUserPanel } from "~/store/users/users-actions";
17
18 interface AdminMenuProps {
19     user?: User;
20     currentRoute: string;
21 }
22
23 const mapStateToProps = (state: RootState): AdminMenuProps => ({
24     user: state.auth.user,
25     currentRoute: state.router.location ? state.router.location.pathname : ''
26 });
27
28 export const AdminMenu = connect(mapStateToProps)(
29     ({ user, dispatch, currentRoute }: AdminMenuProps & DispatchProp<any>) =>
30         user
31             ? <DropdownMenu
32                 icon={<AdminMenuIcon />}
33                 id="admin-menu"
34                 title="Admin Panel"
35                 key={currentRoute}>
36                 <MenuItem onClick={() => dispatch(openRepositoriesPanel())}>Repositories</MenuItem>
37                 <MenuItem onClick={() => dispatch(openAdminVirtualMachines())}>Virtual Machines</MenuItem>
38                 <MenuItem onClick={() => dispatch(NavigationAction.navigateToSshKeysAdmin)}>Ssh Keys</MenuItem>
39                 <MenuItem onClick={() => dispatch(NavigationAction.navigateToApiClientAuthorizations)}>Api Tokens</MenuItem>
40                 <MenuItem onClick={() => dispatch(openUserPanel())}>Users</MenuItem>
41                 <MenuItem onClick={() => dispatch(NavigationAction.navigateToComputeNodes)}>Compute Nodes</MenuItem>
42                 <MenuItem onClick={() => dispatch(NavigationAction.navigateToKeepServices)}>Keep Services</MenuItem>
43                 <MenuItem onClick={() => dispatch(NavigationAction.navigateToLinks)}>Links</MenuItem>
44                 <MenuItem onClick={() => dispatch(logout())}>Logout</MenuItem>
45             </DropdownMenu>
46             : null);