diff --git a/package.json b/package.json index e1af5a5..21a30c7 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,7 @@ "file-saver": "^2.0.2", "framer-motion": "^2.1.0", "fuse.js": "^6.4.1", - "phosphor-react": "^0.2.2", + "phosphor-react": "^0.3.0", "react": "^17.0.0-rc.0", "react-dom": "^17.0.0-rc.0", "react-dropdown-select": "^4.4.2", diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx index 08d7540..3ce0274 100644 --- a/src/components/Header/Header.tsx +++ b/src/components/Header/Header.tsx @@ -1,6 +1,6 @@ import React from "react"; import { motion } from "framer-motion"; -import { ArrowUpRightCircle, ArrowDownCircle } from "phosphor-react"; +import { ArrowCircleUpRight, ArrowCircleDown } from "phosphor-react"; import "./Header.css"; import markerPurple from "../../assets/marker-purple.svg"; @@ -50,12 +50,12 @@ const Header: React.FC = () => {
diff --git a/src/components/IconGrid/InfoPanel.tsx b/src/components/IconGrid/InfoPanel.tsx index 9f7dc39..b84b8a0 100644 --- a/src/components/IconGrid/InfoPanel.tsx +++ b/src/components/IconGrid/InfoPanel.tsx @@ -2,7 +2,7 @@ import React, { useRef } from "react"; import { useRecoilValue, useSetRecoilState } from "recoil"; import { motion } from "framer-motion"; import { saveAs } from "file-saver"; -import { Icon, Copy, X, CheckCircle, ArchiveDiskDot } from "phosphor-react"; +import { Icon, Copy, X, CheckCircle, Download } from "phosphor-react"; import { iconWeightAtom, @@ -155,7 +155,7 @@ const InfoPanel: React.FC = (props) => { style={{ color: isDark ? "white" : "black" }} onClick={handleDownloadSVG} > - {" "} + {" "} Download SVG