Pass through actual message coming from the backend instead of generating our own text on the frontend

Author: dasmy

frontend/src/App.tsx

@@ -155,9 +155,9 @@ function App() {
     });
   }
 
-  function completeUpload(filename: string) {
+  function completeUpload(message: string) {
     addMessage({
-      text: `File ${filename} was uploaded successfully.`,
+      text: message,
       type: "message",
       role: "system",
     });
@@ -171,7 +171,7 @@ function App() {
         "Content-Type": "application/json",
       },
       body: JSON.stringify({
-        prompt: `File ${filename} was uploaded successfully.`,
+        prompt: message,
       }),
     })
       .then(() => {})

frontend/src/components/Input.tsx

@@ -43,11 +43,13 @@ export default function Input(props: { onSendMessage: any, onStartUpload: any, o
           body: formData,
         });
 
-        props.onCompletedUpload(file.name);
-
         if (!response.ok) {
           throw new Error("Network response was not ok");
         }
+
+        const json = await response.json();
+        props.onCompletedUpload(json["message"]);
+
       } catch (error) {
         console.error("Error:", error);
       }