malavikapradeep2001 commited on
Commit
b531904
·
1 Parent(s): 9eef730
frontend/src/components/ResultsPanel.tsx CHANGED
@@ -82,15 +82,7 @@ export function ResultsPanel({ uploadedImage, result, loading }: ResultsPanelPro
82
  <p className="text-sm text-gray-500">Automated Image Analysis</p>
83
  </div>
84
 
85
- <div className="flex items-center gap-3">
86
- <button
87
- onClick={() => setShowReportModal(true)}
88
- className="flex items-center gap-2 bg-gradient-to-r from-teal-700 via-teal-600 to-teal-700 text-white px-4 py-2 rounded-lg hover:opacity-90 transition-all"
89
- >
90
- <FileTextIcon className="w-4 h-4" />
91
- Generate Report
92
- </button>
93
- </div>
94
  </div>
95
 
96
  {/* Image */}
@@ -202,6 +194,16 @@ export function ResultsPanel({ uploadedImage, result, loading }: ResultsPanelPro
202
  )}
203
 
204
  {/* Report Generation Modal */}
 
 
 
 
 
 
 
 
 
 
205
  <ReportModal
206
  isOpen={showReportModal}
207
  onClose={() => setShowReportModal(false)}
 
82
  <p className="text-sm text-gray-500">Automated Image Analysis</p>
83
  </div>
84
 
85
+ {/* header actions intentionally empty; Generate Report button moved below analysis details */}
 
 
 
 
 
 
 
 
86
  </div>
87
 
88
  {/* Image */}
 
194
  )}
195
 
196
  {/* Report Generation Modal */}
197
+ {/* Move Generate Report button here so it's shown after analysis details */}
198
+ <div className="flex items-center justify-end mb-6">
199
+ <button
200
+ onClick={() => setShowReportModal(true)}
201
+ className="flex items-center gap-2 bg-gradient-to-r from-teal-700 via-teal-600 to-teal-700 text-white px-4 py-2 rounded-lg hover:opacity-90 transition-all"
202
+ >
203
+ <FileTextIcon className="w-4 h-4" />
204
+ Generate Report
205
+ </button>
206
+ </div>
207
  <ReportModal
208
  isOpen={showReportModal}
209
  onClose={() => setShowReportModal(false)}