Henry-Hiles/movie-react-app
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Latest changes

Browse source
This commit is contained in:
“Henry-Hiles” 2022-10-31 10:56:38 -04:00
parent c66526241c
commit 18c6684fb2
10 changed files with 265 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/pages/Movie.jsx
View file

@ -1,5 +1,5 @@
import { useEffect, useState } from "react"
import { useParams } from "react-router-dom"
import { Link, useParams } from "react-router-dom"
import styles from "styles/Movie.module.css"
import config from "config"
@ -66,7 +66,9 @@ const Movie = () => {
<p>{genre}</p>
))}
<p className={styles.Average}>
{movie.averageVote}
<span>
Average Rating: {movie.averageVote.toFixed(1)}
</span>
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
@ -77,13 +79,34 @@ const Movie = () => {
<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>
{false ? (
<p className={styles.Average}>
<span>Average Rating: {movie.averageVote}</span>
<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>
) : (
<p>Rate this movie</p>
)}
</div>
<div className={styles.Section}></div>
<div className={styles.Section}>
<h1 className={styles.Header}>Actors</h1>
<div className={styles.Actors}>
{cast?.map((actor) => (
<div key={actor.id}>
<Link
key={actor.id}
to={`/actor/${actor.id}`}
className={styles.Actor}
>
{actor.profile_path ? (
<img
src={`https://image.tmdb.org/t/p/w200${actor.profile_path}`}
@ -94,7 +117,7 @@ const Movie = () => {
)}
<h3>{actor.name}</h3>
</div>
</Link>
))}
</div>
</div>