31 lines
1.2 KiB
JavaScript
31 lines
1.2 KiB
JavaScript
import { Link } from "react-router-dom"
|
|
import styles from "styles/Card.module.css"
|
|
|
|
const Card = ({ movie }) => (
|
|
<Link to={`/movie/${movie.id}`} className={styles.Link}>
|
|
<div className={styles.Card}>
|
|
<img
|
|
src={movie.posterUrl}
|
|
alt={movie.title}
|
|
className={styles.Image}
|
|
/>
|
|
<div className={styles.Bottom}>
|
|
<p className={styles.Title}>{movie.title}</p>
|
|
<p className={styles.Average}>
|
|
{movie.averageVote}{" "}
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="16"
|
|
height="16"
|
|
fill="currentColor"
|
|
viewBox="0 0 16 16"
|
|
>
|
|
<path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z" />
|
|
</svg>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</Link>
|
|
)
|
|
|
|
export default Card
|