From 2482c1da1ca9af7974a73f13f2f291105158acee Mon Sep 17 00:00:00 2001
From: Dylan De Faoite <dylanseandefaoite@gmail.com>
Date: Tue, 27 Jan 2026 13:20:07 +0000
Subject: [PATCH] add error message in React Page

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

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 5c753b2..92889fe 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,9 +1,11 @@
 import axios from 'axios'
 import './App.css'
+import { useState } from 'react'
 
 function App() {
   let postFile: File | undefined
   let commentFile: File | undefined
+  const [returnMessage, setReturnMessage] = useState('')
 
   const uploadFiles = async () => {
     if (!postFile || !commentFile) {
@@ -22,8 +24,10 @@ function App() {
         },
       })
       console.log('Files uploaded successfully:', response.data)
+      setReturnMessage(`Upload successful! Posts: ${response.data.posts_count}, Comments: ${response.data.comments_count}`)
     } catch (error) {
       console.error('Error uploading files:', error)
+      setReturnMessage('Error uploading files. Error details: ' + error)
     }
   }
   return (
@@ -37,6 +41,8 @@ function App() {
         <input type="file" onChange={(e) => commentFile = e.target.files?.[0]}></input>
       </div>
       <button onClick={uploadFiles}>Upload</button>
+
+      <p>{returnMessage}</p>
     </div>
   )
 }