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 16:35:26 +00:00 committed by GitHub
parent 47267aefb1
commit 2339fa5af5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/App.tsx
View File

@ -77,10 +77,12 @@ function App() {
return png;
};
const [message, setMessage] = useState('');
const [error, setError] = useState(null);
useEffect(() => {
fetch('http://localhost:5000/')
.then(response => response.text())
.then(data => setMessage(data));
fetch('http://localhost:5000/status')
.then(response => response.json())
.then(data => setMessage(data.message))
.catch(error => setError(error.toString()));
}, []);
const downloadCode = () => {
@ -120,7 +122,6 @@ function App() {
// Merge settings with params
const updatedParams = { ...params, ...settings, outputSettings };
generateCode(
wsRef,
updatedParams,
@ -208,7 +209,8 @@ 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>
{message && <p>{message}</p>}
{error && <p>Error: {error}</p>}
<SettingsDialog settings={settings} setSettings={setSettings} />
</div>
appState === AppState.CODE_READY) && (
@ -231,7 +233,6 @@ function App() {
<CodePreview code={generatedCode} />
</div>
)}
{appState === AppState.CODE_READY && (
<div>
<div className="grid w-full gap-2">