Update to phosphor-react@0.2.0

src/components/Header/Header.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { motion, AnimatePresence } from "framer-motion";
-import { ArrowUpRightCircle } from "phosphor-react";
+import { ArrowUpRightCircle, ArrowDownCircle } from "phosphor-react";
 
 import "./Header.css";
 import markerPurple from "../../assets/marker-purple.svg";
@@ -65,7 +65,7 @@ const Header: React.FC<HeaderProps> = () => {
             </button>
 
             <button className="main-button" onClick={handleScrollToIcons}>
-              <ArrowUpRightCircle size={24} weight="fill" />
+              <ArrowDownCircle size={24} weight="fill" />
               Explore icons
             </button>
           </div>

src/components/IconGrid/IconGrid.tsx

@@ -3,7 +3,7 @@ import { useRecoilValue } from "recoil";
 import { motion, useAnimation } from "framer-motion";
 import { useWindowSize } from "react-use";
 import TinyColor from "tinycolor2";
-import { IconContext, WarningTriangle } from "phosphor-react";
+import { IconContext, Warning } from "phosphor-react";
 
 import {
   styleQueryAtom,
@@ -44,7 +44,7 @@ const IconGridAnimated: React.FC<IconGridProps> = () => {
         animate={{ opacity: 1 }}
         transition={{ duration: 0.2 }}
       >
-        <WarningTriangle size={92} color="darkmagenta" weight="duotone" />
+        <Warning size={92} color="currentColor" weight="fill" />
         <p>{`No results for '${query}'`}</p>
       </motion.div>
     );

src/components/SearchInput/SearchInput.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { useRecoilState } from "recoil";
-import { Search } from "phosphor-react";
+import { MagnifyingGlass } from "phosphor-react";
 
 import { searchQueryAtom } from "../../state/atoms";
 import "./SearchInput.css";
@@ -15,7 +15,7 @@ const SearchInput: React.FC<SearchInputProps> = () => {
   };
   return (
     <div className="search-bar">
-      <Search size={24} />
+      <MagnifyingGlass size={24} />
       <input
         id="search-input"
         aria-label="Search for an icon"