Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add icons for buttons

Browse Source
This commit is contained in:
Abi Raja 2023-11-15 11:27:25 -05:00
parent 14a96998cf
commit 4ad7382d3b
3 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/package.json
View File

@ -15,6 +15,7 @@
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-dropzone": "^14.2.3", "react-dropzone": "^14.2.3",
"react-hot-toast": "^2.4.1", "react-hot-toast": "^2.4.1",
"react-icons": "^4.12.0",
"vite-plugin-checker": "^0.6.2" "vite-plugin-checker": "^0.6.2"
}, },
"devDependencies": { "devDependencies": {

8
frontend/src/App.tsx
View File

@ -5,6 +5,7 @@ import Preview from "./components/Preview";
import { generateCode } from "./generateCode"; import { generateCode } from "./generateCode";
import Spinner from "./components/Spinner"; import Spinner from "./components/Spinner";
import classNames from "classnames"; import classNames from "classnames";
import { FaDownload, FaUndo } from "react-icons/fa";
function App() { function App() {
const [appState, setAppState] = useState<"INITIAL" | "CODING" | "CODE_READY">( const [appState, setAppState] = useState<"INITIAL" | "CODING" | "CODE_READY">(
@ -101,18 +102,19 @@ function App() {
<div className="flex items-center gap-x-2 mb-4"> <div className="flex items-center gap-x-2 mb-4">
<a <a
className="bg-button/70 hover:bg-highlight text-black className="bg-button/70 hover:bg-highlight text-black
py-2 px-4 rounded transition duration-300" py-2 px-3 rounded transition duration-300 flex gap-x-2 items-center text-sm"
onClick={createBlobUrl} onClick={createBlobUrl}
href={blobUrl} href={blobUrl}
download="index.html" download="index.html"
> >
Download <FaDownload /> Download
</a> </a>
<button <button
className="bg-button/70 hover:bg-highlight text-black className="bg-button/70 hover:bg-highlight text-black
py-2 px-4 rounded transition duration-300" py-2 px-3 rounded transition duration-300 flex gap-x-2 items-center text-sm"
onClick={reset} onClick={reset}
> >
<FaUndo />
Reset Reset
</button> </button>
</div> </div>

5
frontend/yarn.lock
View File

@ -1684,6 +1684,11 @@ react-hot-toast@^2.4.1:
dependencies: dependencies:
goober "^2.1.10" goober "^2.1.10"
react-icons@^4.12.0:
version "4.12.0"
resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.12.0.tgz#54806159a966961bfd5cdb26e492f4dafd6a8d78"
integrity sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==
react-is@^16.13.1: react-is@^16.13.1:
version "16.13.1" version "16.13.1"
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4" resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"