popular mangas UI

This commit is contained in:
Aria Moradi
2020-12-25 22:14:54 +03:30
parent 61742c770f
commit 9d4cb8510f
8 changed files with 24 additions and 20 deletions

View File

@@ -41,7 +41,7 @@ interface IProps {
export default function MangaCard(props: IProps) {
const {
manga: {
name, imageUrl,
title, thumbnailUrl,
},
} = props;
const classes = useStyles();
@@ -53,12 +53,12 @@ export default function MangaCard(props: IProps) {
<CardMedia
className={classes.image}
component="img"
alt="Nagatoro"
image={imageUrl}
title="Nagatoro"
alt={title}
image={thumbnailUrl}
title={title}
/>
<div className={classes.gradient} />
<Typography className={classes.title} variant="h5" component="h2">{name}</Typography>
<Typography className={classes.title} variant="h5" component="h2">{title}</Typography>
</div>
</CardActionArea>
</Card>