andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

App: update to phosphor-react@0.3.0 and replace renamed icons in-situ

Browse Source
This commit is contained in:
rektdeckard
2020-09-23 16:05:41 -04:00
parent e23c6f43af
commit 80d4502207
4 changed files with 2669 additions and 2262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -24,7 +24,7 @@
"file-saver": "^2.0.2", "file-saver": "^2.0.2",
"framer-motion": "^2.1.0", "framer-motion": "^2.1.0",
"fuse.js": "^6.4.1", "fuse.js": "^6.4.1",
"phosphor-react": "^0.2.2", "phosphor-react": "^0.3.0",
"react": "^17.0.0-rc.0", "react": "^17.0.0-rc.0",
"react-dom": "^17.0.0-rc.0", "react-dom": "^17.0.0-rc.0",
"react-dropdown-select": "^4.4.2", "react-dropdown-select": "^4.4.2",

6
src/components/Header/Header.tsx
View File

@@ -1,6 +1,6 @@
import React from "react"; import React from "react";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { ArrowUpRightCircle, ArrowDownCircle } from "phosphor-react"; import { ArrowCircleUpRight, ArrowCircleDown } from "phosphor-react";
import "./Header.css"; import "./Header.css";
import markerPurple from "../../assets/marker-purple.svg"; import markerPurple from "../../assets/marker-purple.svg";
@@ -50,12 +50,12 @@ const Header: React.FC<HeaderProps> = () => {
</h2> </h2>
<div className="button-container"> <div className="button-container">
<button className="main-button" onClick={handleGetStarted}> <button className="main-button" onClick={handleGetStarted}>
<ArrowUpRightCircle size={24} weight="fill" /> <ArrowCircleUpRight size={24} weight="fill" />
Go to docs Go to docs
</button> </button>
<button className="main-button" onClick={handleScrollToIcons}> <button className="main-button" onClick={handleScrollToIcons}>
<ArrowDownCircle size={24} weight="fill" /> <ArrowCircleDown size={24} weight="fill" />
Explore icons Explore icons
</button> </button>
</div> </div>

4
src/components/IconGrid/InfoPanel.tsx
View File

@@ -2,7 +2,7 @@ import React, { useRef } from "react";
import { useRecoilValue, useSetRecoilState } from "recoil"; import { useRecoilValue, useSetRecoilState } from "recoil";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { saveAs } from "file-saver"; import { saveAs } from "file-saver";
import { Icon, Copy, X, CheckCircle, ArchiveDiskDot } from "phosphor-react"; import { Icon, Copy, X, CheckCircle, Download } from "phosphor-react";
import { import {
iconWeightAtom, iconWeightAtom,
@@ -155,7 +155,7 @@ const InfoPanel: React.FC<InfoPanelProps> = (props) => {
style={{ color: isDark ? "white" : "black" }} style={{ color: isDark ? "white" : "black" }}
onClick={handleDownloadSVG} onClick={handleDownloadSVG}
> >
<ArchiveDiskDot size={32} color="currentColor" weight="fill" />{" "} <Download size={32} color="currentColor" weight="fill" />{" "}
Download SVG Download SVG
</button> </button>
<button <button

4915
src/lib/icons.ts
View File

File diff suppressed because it is too large Load Diff