src/views-components/api-client-authorizations-dialog/attributes-dialog.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 { compose } from 'redux';
   7 import {
   8     withStyles, Dialog, DialogTitle, DialogContent, DialogActions,
   9     Button, StyleRulesCallback, WithStyles, Grid
  10 } from '@material-ui/core';
  11 import { WithDialogProps, withDialog } from "~/store/dialog/with-dialog";
  12 import { API_CLIENT_AUTHORIZATION_ATTRIBUTES_DIALOG } from '~/store/api-client-authorizations/api-client-authorizations-actions';
  13 import { ArvadosTheme } from '~/common/custom-theme';
  14 import { ApiClientAuthorization } from '~/models/api-client-authorization';
  15
  16 type CssRules = 'root';
  17
  18 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
  19     root: {
  20         fontSize: '0.875rem',
  21         '& div:nth-child(odd)': {
  22             textAlign: 'right',
  23             color: theme.palette.grey["500"]
  24         }
  25     }
  26 });
  27
  28 interface AttributesKeepServiceDialogDataProps {
  29     apiClientAuthorization: ApiClientAuthorization;
  30 }
  31
  32 export const AttributesApiClientAuthorizationDialog = compose(
  33     withDialog(API_CLIENT_AUTHORIZATION_ATTRIBUTES_DIALOG),
  34     withStyles(styles))(
  35         ({ open, closeDialog, data, classes }: WithDialogProps<AttributesKeepServiceDialogDataProps> & WithStyles<CssRules>) =>
  36             <Dialog open={open} onClose={closeDialog} fullWidth maxWidth='sm'>
  37                 <DialogTitle>Attributes</DialogTitle>
  38                 <DialogContent>
  39                     {data.apiClientAuthorization && <Grid container direction="row" spacing={16} className={classes.root}>
  40                         <Grid item xs={5}>UUID</Grid>
  41                         <Grid item xs={7}>{data.apiClientAuthorization.uuid}</Grid>
  42                         <Grid item xs={5}>Owner uuid</Grid>
  43                         <Grid item xs={7}>{data.apiClientAuthorization.ownerUuid}</Grid>
  44                     </Grid>}
  45                 </DialogContent>
  46                 <DialogActions>
  47                     <Button
  48                         variant='flat'
  49                         color='primary'
  50                         onClick={closeDialog}>
  51                         Close
  52                     </Button>
  53                 </DialogActions>
  54             </Dialog>
  55     );