maxWidth="sm">
<DialogTitle>Attributes</DialogTitle>
<DialogContent>
- <Typography variant="body2" className={props.classes.spacing}>
+ <Typography variant='body1' className={props.classes.spacing}>
{props.data && attributes(props.data, props.classes)}
</Typography>
</DialogContent>
<DialogActions>
<Button
- variant='flat'
+ variant='text'
color='primary'
onClick={props.closeDialog}>
Close
);
const attributes = (user: UserResource, classes: any) => {
- const { uuid, ownerUuid, createdAt, modifiedAt, modifiedByClientUuid, modifiedByUserUuid, firstName, lastName, href, identityUrl, username } = user;
+ const { uuid, ownerUuid, createdAt, modifiedAt, modifiedByClientUuid, modifiedByUserUuid, firstName, lastName, href, username } = user;
return (
<span>
<Grid container direction="row">
<Grid item xs={5} className={classes.rightContainer}>
- <Grid item>First name</Grid>
- <Grid item>Last name</Grid>
- <Grid item>Owner uuid</Grid>
- <Grid item>Created at</Grid>
- <Grid item>Modified at</Grid>
- <Grid item>Modified by user uuid</Grid>
- <Grid item>Modified by client uuid</Grid>
- <Grid item>uuid</Grid>
- <Grid item>Href</Grid>
- <Grid item>Identity url</Grid>
- <Grid item>Username</Grid>
+ {firstName && <Grid item>First name</Grid>}
+ {lastName && <Grid item>Last name</Grid>}
+ {ownerUuid && <Grid item>Owner uuid</Grid>}
+ {createdAt && <Grid item>Created at</Grid>}
+ {modifiedAt && <Grid item>Modified at</Grid>}
+ {modifiedByUserUuid && <Grid item>Modified by user uuid</Grid>}
+ {modifiedByClientUuid && <Grid item>Modified by client uuid</Grid>}
+ {uuid && <Grid item>uuid</Grid>}
+ {href && <Grid item>Href</Grid>}
+ {username && <Grid item>Username</Grid>}
+ {username && <Grid item>Username</Grid>}
</Grid>
<Grid item xs={7} className={classes.leftContainer}>
<Grid item>{firstName}</Grid>
<Grid item>{modifiedByClientUuid}</Grid>
<Grid item>{uuid}</Grid>
<Grid item>{href}</Grid>
- <Grid item>{identityUrl}</Grid>
+ <Grid item>{username}</Grid>
<Grid item>{username}</Grid>
</Grid>
</Grid>