Merge pull request #295 from MoTrPAC/291_JZ_Multiomics_Report_Download

Connects to #291. Button UI in modal to download analysis reports.
MoTrPAC · Mar 18, 2024 · 52a2120 · 52a2120
2 parents dc3d2d5 + cf6225a
commit 52a2120
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/src/MultiOmicsWorkingGroups/htmlReportModal.jsx b/src/MultiOmicsWorkingGroups/htmlReportModal.jsx
@@ -20,9 +20,19 @@ function HtmlReportModal({ selectedReport, selectedReportLabel }) {
       <div className="modal-dialog modal-xl">
         <div className="modal-content" style={{ height: '90vh' }}>
           <div className="modal-header">
-            <h5 className="modal-title" id="html-report-modal-label">
-              {selectedReportLabel}
-            </h5>
+            <div className="d-flex align-items-center">
+              <h5 className="modal-title" id="html-report-modal-label">
+                {selectedReportLabel}
+              </h5>
+              <a
+                role="button"
+                className="btn btn-primary btn-report-download ml-3"
+                href={`/static-assets/dawg-pac/${selectedReport}`}
+                download
+              >
+                <span>Download Report</span>
+              </a>
+            </div>
             <button
               type="button"
               className="close"