fix: make datasource selection work and UI fixes (#4952)

Co-authored-by: Pedro Köhler <pedrokohlerbh@gmail.com>
Co-authored-by: Dan Rukas <dan.rukas@gmail.com>

extensions/default/src/customizations/reportDialogCustomization.tsx

@@ -1,5 +1,5 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { InputDialog, cn } from '@ohif/ui-next';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { InputDialog } from '@ohif/ui-next';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@ohif/ui-next';
 import { useSystem } from '@ohif/core';
 
@@ -54,19 +54,19 @@ function ReportDialog({ dataSources, hide, onSave, onCancel }: ReportDialogProps
     setReportName(newReportName);
   }, [selectedSeries, seriesOptions]);
 
-  const handleSave = () => {
+  const handleSave = useCallback(() => {
     onSave({
       reportName,
       dataSource: selectedDataSource,
       series: selectedSeries,
     });
     hide();
-  };
+  }, [selectedDataSource, selectedSeries, reportName, hide, onSave]);
 
-  const handleCancel = () => {
+  const handleCancel = useCallback(() => {
     onCancel();
     hide();
-  };
+  }, [onCancel, hide]);
 
   const showDataSourceSelect = dataSources?.length > 1;
 

extensions/default/src/utils/promptSaveReport.tsx

@@ -40,7 +40,7 @@ async function promptSaveReport({ servicesManager, commandsManager, extensionMan
     });
 
     if (promptResult.action === PROMPT_RESPONSES.CREATE_REPORT) {
-      const dataSources = extensionManager.getDataSources();
+      const dataSources = extensionManager.getDataSources(promptResult.dataSourceName);
       const dataSource = dataSources[0];
       const measurementData = measurementService.getMeasurements(measurementFilter);