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

Some final polishing touches

Browse source
This commit is contained in:
“Henry-Hiles” 2022-11-10 11:21:54 -05:00
parent 6e35f9023c
commit 88084fd982
9 changed files with 78 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/pages/Actor.jsx
View file

@ -122,7 +122,9 @@ const Actor = () => {
className={styles.Movie}
>
<img src={movie.posterUrl} />
<h3>{movie.title}</h3>
<h3 className={styles.MovieTitle}>
{movie.title}
</h3>
</Link>
))}
</div>

14
src/pages/Home.jsx
View file

@ -40,11 +40,15 @@ const Home = () => {
return (
<div className={styles.Container}>
<TopBar search={search} setSearch={setSearch} />
<div className={styles.CardList}>
{movies?.map((movie) => (
<Card key={movie.id} movie={movie} />
))}
</div>
{movies?.length ? (
<div className={styles.CardList}>
{movies?.map((movie) => (
<Card key={movie.id} movie={movie} />
))}
</div>
) : (
<h1 className={styles.NoMovies}>No results found</h1>
)}
</div>
)
}

4
src/pages/Movie.jsx
View file

@ -71,7 +71,9 @@ const Movie = () => {
<h1 className={styles.Title}>
{movie?.title} - {movie?.year}
</h1>
<p className={styles.Tagline}>{movie?.tagline}</p>
{movie?.tagline && (
<p className={styles.Tagline}>{movie?.tagline}</p>
)}
<a href="#bottom" className={styles.More}>
<p>More info</p>
<svg

24
src/pages/Ratings.jsx
View file

@ -15,16 +15,20 @@ const Ratings = () => {
<>
<TopBar />
<div className={styles.Container}>
<hr />
<div className={styles.CardList}>
{ratings?.map((movie) => (
<Card
key={movie.id}
movie={movie}
setRating={(rating) => setRating(rating, movie)}
/>
))}
</div>
<h1 className={styles.Header}>Your rated movies</h1>
{ratings?.length ? (
<div className={styles.CardList}>
{ratings?.map((movie) => (
<Card
key={movie.id}
movie={movie}
setRating={(rating) => setRating(rating, movie)}
/>
))}
</div>
) : (
<h1 className={styles.NoMovies}>No rated movies.</h1>
)}
</div>
</>
)