From a8b28b0b22b6a68acc40e11fd32a3146336468a8 Mon Sep 17 00:00:00 2001
From: Henry-Hiles <henry@henryhiles.com>
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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
b)YsJquMX4&^K?!0%qJ_fC~p4Hkf#a&ZF~z2

delta 10252
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
L3#QHaO&O{HB7wts

diff --git a/package.json b/package.json
index e31f418..9436df7 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-icons": "^4.7.1",
     "react-router-dom": "^6.4.2",
     "react-router-hash-link": "^2.4.3"
   },
diff --git a/src/components/Jumbotron.jsx b/src/components/Jumbotron.jsx
deleted file mode 100644
index 9b20695..0000000
--- a/src/components/Jumbotron.jsx
+++ /dev/null
@@ -1,5 +0,0 @@
-// const Jumbotron = ({ movie }) => (
-
-// )
-
-// 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()}
                     >
-                        <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            width="30"
-                            height="30"
-                            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>
+                        <AiFillStar size={30} />
                     </button>
                 )
             })}
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 = () => {
                         )}
                         <HashLink to="#bottom" className={styles.More}>
                             <p>More info</p>
-                            <svg
-                                xmlns="http://www.w3.org/2000/svg"
-                                width="30"
-                                height="30"
-                                fill="currentColor"
-                                viewBox="0 0 16 16"
-                            >
-                                <path
-                                    fillRule="evenodd"
-                                    d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"
-                                />
-                            </svg>
+                            <AiOutlineArrowDown />
                         </HashLink>
                     </div>
                 </div>
@@ -104,15 +94,7 @@ const Movie = () => {
                             <span>
                                 Average Rating: {movie?.averageVote.toFixed(1)}
                             </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>
+                            <AiFillStar />
                         </p>
                     </div>
                     <div className={styles.Section}>
@@ -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}
                                     />