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

Updated AvatarList component style

Browse source
This commit is contained in:
Ruidy Nemausat 2020-04-17 08:24:36 +02:00
parent 058d70cb44
commit 382dc145c8
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
client/src/components/AvatarList.tsx
View file

@ -3,16 +3,27 @@ import { Link } from "react-router-dom";
import Avatar from "@material-ui/core/Avatar";
import AvatarGroup from "@material-ui/lab/AvatarGroup";
import { User } from "../types/User";
import { makeStyles, Theme, createStyles } from "@material-ui/core";
interface AvatarListProps {
users: User[];
}
const useStyles = makeStyles((theme: Theme) =>
createStyles({
root: {
marginLeft: theme.spacing(2),
marginRight: theme.spacing(2),
},
})
);
export const AvatarList: FC<AvatarListProps> = ({ users }) => {
const classes = useStyles();
return users === undefined ? (
<></>
) : (
<>
<div className={classes.root}>
<AvatarGroup max={5}>
{users.map((user: User, i: number) => (
<Link to={`/users/${user.id}`} key={i}>
@ -20,6 +31,6 @@ export const AvatarList: FC<AvatarListProps> = ({ users }) => {
</Link>
))}
</AvatarGroup>
</>
</div>
);
};