From 447cbe428b7d3c25959c29a1e3b2f87b3d75637d Mon Sep 17 00:00:00 2001
From: Adam Refaey <dev.adam.refaey@gmail.com>
Date: Thu, 1 May 2025 18:38:33 +0300
Subject: [PATCH] Add UploadModal component and integrate upload handling in
 ReportDetailPage

---
 frontend/src/pages/Reports/ReportDetailPage.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/Reports/ReportDetailPage.tsx b/frontend/src/pages/Reports/ReportDetailPage.tsx
index b1f6b96..d1151f5 100644
--- a/frontend/src/pages/Reports/ReportDetailPage.tsx
+++ b/frontend/src/pages/Reports/ReportDetailPage.tsx
@@ -15,6 +15,7 @@ import OriginalReportTab from './components/OriginalReportTab';
 import InfoCard from './components/InfoCard';
 import ActionButtons from './components/ActionButtons';
 import AiAnalysisTab from './components/AiAnalysisTab';
+import UploadModal from 'common/components/Upload/UploadModal';
 
 const API_URL = import.meta.env.VITE_BASE_URL_API || '';
 
@@ -36,6 +37,12 @@ const ReportDetailPage: React.FC = () => {
   const history = useHistory();
   const { t } = useTranslation();
   const { createToast } = useToasts();
+  const [isUploadModalOpen, setIsUploadModalOpen] = useState(false);
+
+  const handleUploadComplete = () => {
+    setIsUploadModalOpen(false);
+    history.push('/tabs/home');
+  };
 
   // Fetch report data using react-query
   const { data, isLoading, error } = useQuery<MedicalReport>({
@@ -122,8 +129,7 @@ const ReportDetailPage: React.FC = () => {
       setIsProcessing(true);
       await axios.delete(`${API_URL}/api/reports/${reportId}`, await getAuthConfig());
       setIsProcessing(false);
-
-      history.push('/tabs/upload');
+      setIsUploadModalOpen(true);
     } catch (error) {
       setIsProcessing(false);
       console.error('Error deleting report before new upload:', error);
@@ -159,6 +165,12 @@ const ReportDetailPage: React.FC = () => {
           onNewUpload={handleNewUpload}
           reportTitle={reportData.title}
         />
+
+        <UploadModal
+          isOpen={isUploadModalOpen}
+          onClose={() => setIsUploadModalOpen(false)}
+          onUploadComplete={handleUploadComplete}
+        />
       </IonContent>
     </IonPage>
   );