From 9bac4a0cd8936db8d8154b13ab87515c052f5b1c Mon Sep 17 00:00:00 2001
From: "sweep-ai[bot]" <128439645+sweep-ai[bot]@users.noreply.github.com>
Date: Thu, 30 Nov 2023 14:10:44 +0000
Subject: [PATCH] feat: Updated frontend/src/App.tsx

---
 frontend/src/App.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 8911165..5eb2f8b 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -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 */}