src/views-components/context-menu/actions/lock-action.tsx

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import React from "react";
   6 import { ListItemIcon, ListItemText, ListItem } from "@material-ui/core";
   7 import { FreezeIcon, UnfreezeIcon } from "components/icon/icon";
   8 import { connect } from "react-redux";
   9 import { RootState } from "store/store";
  10 import { ProjectResource } from "models/project";
  11 import { withRouter, RouteComponentProps } from "react-router";
  12
  13 const mapStateToProps = (state: RootState, props: { onClick: () => {} }) => ({
  14     isAdmin: !!state.auth.user?.isAdmin,
  15     isLocked: !!(state.resources[state.contextMenu.resource!.uuid] as ProjectResource).frozenByUuid,
  16     canManage: (state.resources[state.contextMenu.resource!.uuid] as ProjectResource).canManage,
  17     canUnfreeze: !state.auth.remoteHostsConfig[state.auth.homeCluster]?.clusterConfig?.API?.UnfreezeProjectRequiresAdmin,
  18     onClick: props.onClick
  19 });
  20
  21 export const ToggleLockAction = withRouter(connect(mapStateToProps)((props: { state: RootState, isAdmin: boolean, isLocked: boolean, canManage: boolean, canUnfreeze: boolean, onClick: () => void } & RouteComponentProps) =>
  22     (props.canManage && !props.isLocked) || (props.isLocked && props.canManage && (props.canUnfreeze || props.isAdmin))  ?
  23         < ListItem
  24             button
  25             onClick={props.onClick} >
  26             <ListItemIcon>
  27                 {props.isLocked
  28                     ? <UnfreezeIcon />
  29                     : <FreezeIcon />}
  30             </ListItemIcon>
  31             <ListItemText style={{ textDecoration: 'none' }}>
  32                 {props.isLocked
  33                     ? <>Unfreeze project</>
  34                     : <>Freeze project</>}
  35             </ListItemText>
  36         </ListItem > : null));