From a8b28b0b22b6a68acc40e11fd32a3146336468a8 Mon Sep 17 00:00:00 2001 From: Henry-Hiles Date: Mon, 5 Dec 2022 12:15:17 -0500 Subject: [PATCH] Switch to react-icons --- bun.lockb | Bin 42590 -> 42967 bytes package.json | 1 + src/components/Jumbotron.jsx | 5 ----- src/components/Rate.jsx | 11 ++--------- src/pages/Movie.jsx | 26 ++++---------------------- 5 files changed, 7 insertions(+), 36 deletions(-) delete mode 100644 src/components/Jumbotron.jsx diff --git a/bun.lockb b/bun.lockb index f610218017f49defc9b96abe45bbd2fd0a548cbc..74ac6576fc4033ade5ecffecc0725720c3e3abd3 100755 GIT binary patch delta 10462 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 No`~OnxqWfce*6Jo>%!jlX@|^fwcyKc4fmRa>`x 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 ( - -// ) - -// export default Jumbotron diff --git a/src/components/Rate.jsx b/src/components/Rate.jsx index 6eed1bf..5445858 100644 --- a/src/components/Rate.jsx +++ b/src/components/Rate.jsx @@ -1,4 +1,5 @@ import { useState } from "react" +import { AiFillStar } from "react-icons/ai" import styles from "styles/Rate.module.css" const Rate = ({ rating, setRating }) => { @@ -21,15 +22,7 @@ const Rate = ({ rating, setRating }) => { onMouseEnter={() => setHover(index)} onMouseLeave={() => setHover()} > - - - + ) })} diff --git a/src/pages/Movie.jsx b/src/pages/Movie.jsx index af3ec96..3688981 100644 --- a/src/pages/Movie.jsx +++ b/src/pages/Movie.jsx @@ -5,6 +5,7 @@ import useLocalStorage from "hooks/useLocalStorage" import Rate from "components/Rate" import TopBar from "components/TopBar" import { HashLink } from "react-router-hash-link" +import { AiOutlineArrowDown, AiFillStar } from "react-icons/ai" const Movie = () => { const { movieId } = useParams() @@ -80,18 +81,7 @@ const Movie = () => { )}

More info

- - - +
@@ -104,15 +94,7 @@ const Movie = () => { Average Rating: {movie?.averageVote.toFixed(1)} - - - +

@@ -140,7 +122,7 @@ const Movie = () => { src={ actor.profile_path ? `https://image.tmdb.org/t/p/w200${actor.profile_path}` - : "../placeholder.svg" //`https://ui-avatars.com/api/?name=${encodeURIComponent(actor.name)}&size=300` + : "../placeholder.svg" } alt={actor.name} />