Dynamic file naming

Author: UsamaEquinorAFK

frontend/src/components/DownloadButton.tsx

@@ -5,12 +5,13 @@ import { downloadTabulatedDataAsCSV } from "@/functions/Formatting";
 
 interface DownloadButtonProps {
     csvContent: string;
-    isLoading?: boolean;
+    fileName: string;
+    isLoading: boolean;
 }
 
-const DownloadButton: React.FC<DownloadButtonProps> = ({ csvContent, isLoading }) => {
+const DownloadButton: React.FC<DownloadButtonProps> = ({ csvContent, isLoading, fileName }) => {
     const handleDownload = () => {
-        downloadTabulatedDataAsCSV(csvContent);
+        downloadTabulatedDataAsCSV(csvContent, fileName);
     };
 
     return (

frontend/src/functions/Formatting.tsx

@@ -145,12 +145,12 @@ export function convertTabulatedDataToCSVFormat(tabulatedData: TabulatedResultRo
 
     return csvContent;
 }
-export const downloadTabulatedDataAsCSV = (csvContent: string) => {
+export const downloadTabulatedDataAsCSV = (csvContent: string, fileName: string) => {
     const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
     const url = URL.createObjectURL(blob);
     const a = document.createElement("a");
     a.href = url;
-    a.download = "downloadedResults.csv";
+    a.download = fileName;
     document.body.appendChild(a);
     a.click();
     document.body.removeChild(a);

frontend/src/pages/LabResults.tsx

@@ -81,6 +81,7 @@ const LabResults: React.FC = () => {
                             ...convertSimulationQueriesResultToTabulatedData(simulationQueryResults.data),
                             ...convertExperimentResultsToTabulatedData(selectedExperiments),
                         ])}
+                        fileName="Labresults.csv"
                         isLoading={
                             isLoading || simulationQueryResults.statuses.some((status) => status.status === "pending")
                         }

frontend/src/pages/Models.tsx

@@ -76,6 +76,7 @@ const Models: React.FC = () => {
                             [`${simulationResults.modelInput.modelId}`]: [simulationResults],
                         })
                         ])}
+                        fileName="ModelResults.csv"
                         isLoading={isLoading}
                     />
                 </div>