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

feat: Updated frontend/src/App.tsx

Browse Source
This commit is contained in:
sweep-ai[bot] 2023-11-30 14:10:44 +00:00 committed by GitHub
parent 8a17e5077c
commit 9bac4a0cd8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/App.tsx
View File

@ -1,4 +1,4 @@
import { useRef, useState } from "react";
import { useRef, useState, useEffect } from "react";
import ImageUpload from "./components/ImageUpload";
import CodePreview from "./components/CodePreview";
import Preview from "./components/Preview";
@ -76,6 +76,12 @@ function App() {
const png = canvas.toDataURL("image/png");
return png;
};
const [message, setMessage] = useState('');
useEffect(() => {
fetch('http://localhost:5000/')
.then(response => response.text())
.then(data => setMessage(data));
}, []);
const downloadCode = () => {
// Create a blob from the generated code
@ -200,6 +206,11 @@ function App() {
)}
{(appState === AppState.CODING ||
<div className="flex items-center justify-between mt-10 mb-2">
<h1 className="text-2xl ">Screenshot to Code</h1>
<p>{message}</p>
<SettingsDialog settings={settings} setSettings={setSettings} />
</div>
appState === AppState.CODE_READY) && (
<>
{/* Show code preview only when coding */}