ruidy/ticket_manager
1
0
Fork 0
mirror of https://github.com/rjNemo/ticket_manager synced 2026-06-06 00:36:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

[UI] Users Modal done

Browse source
This commit is contained in:
Ruidy Nemausat 2020-04-17 17:23:53 +02:00
parent d80225786f
commit f043ac76ba
2 changed files with 26 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
client/src/components/Modals/Modal.tsx
View file

@ -47,7 +47,12 @@ export const Modal: FC<IProps> = ({
const classes = useStyles();
return (
<Dialog open={show} onClose={handleClose} maxWidth="md" fullWidth>
<Dialog
open={show}
onClose={handleClose}
maxWidth="md"
// fullWidth
>
<DialogTitle disableTypography className={classes.root}>
<Typography variant="h6">{name}</Typography>
{handleClose ? (

39
client/src/components/Modals/UsersModal.tsx
View file

@ -90,25 +90,26 @@ export const UsersModal: FC<IProps> = ({
handleChange={handleChange}
/>
</Grid>
<List dense className={classes.root}>
{allUsers.map((u: User) => (
<ListItem key={u.id}>
<ListItemAvatar>
<Avatar alt={u.fullName} src={u.picture} />
</ListItemAvatar>
<ListItemText id={u.id} primary={u.fullName} />
<ListItemSecondaryAction>
<Checkbox
edge="end"
onChange={handleToggle(u.id)}
checked={members.indexOf(u.id) !== -1}
inputProps={{ "aria-labelledby": `checkbox-${u.id}` }}
/>
</ListItemSecondaryAction>
</ListItem>
))}
</List>
<Grid container justify="center">
<List dense className={classes.root}>
{allUsers.map((u: User) => (
<ListItem key={u.id}>
<ListItemAvatar>
<Avatar alt={u.fullName} src={u.picture} />
</ListItemAvatar>
<ListItemText id={u.id} primary={u.fullName} />
<ListItemSecondaryAction>
<Checkbox
edge="end"
onChange={handleToggle(u.id)}
checked={members.indexOf(u.id) !== -1}
inputProps={{ "aria-labelledby": `checkbox-${u.id}` }}
/>
</ListItemSecondaryAction>
</ListItem>
))}
</List>
</Grid>
</Modal>
);
};