feat: accept id for recording handlers

src/components/organisms/Recordings.tsx

@@ -6,68 +6,78 @@ import { ScheduleSettings, ScheduleSettingsModal } from "../molecules/ScheduleSe
 import { IntegrationSettings, IntegrationSettingsModal } from "../molecules/IntegrationSettings";
 
 interface RecordingsProps {
-  handleEditRecording: (fileName: string) => void;
+  handleEditRecording: (id: string) => void;
   handleRunRecording: (settings: RunSettings) => void;
   handleScheduleRecording: (settings: ScheduleSettings) => void;
   handleIntegrateRecording: (settings: IntegrationSettings) => void;
-  setFileName: (fileName: string) => void;
+  setRecordingInfo: (id: string, name: string) => void;
 }
 
-export const Recordings = ({ handleEditRecording, handleRunRecording, setFileName, handleScheduleRecording, handleIntegrateRecording }: RecordingsProps) => {
+export const Recordings = ({ handleEditRecording, handleRunRecording, setRecordingInfo, handleScheduleRecording, handleIntegrateRecording }: RecordingsProps) => {
   const [runSettingsAreOpen, setRunSettingsAreOpen] = useState(false);
   const [scheduleSettingsAreOpen, setScheduleSettingsAreOpen] = useState(false);
   const [integrateSettingsAreOpen, setIntegrateSettingsAreOpen] = useState(false);
   const [params, setParams] = useState<string[]>([]);
+  const [selectedRecordingId, setSelectedRecordingId] = useState<string>('');
 
-  const handleSettingsAndIntegrate = (fileName: string, params: string[]) => {
+  const handleSettingsAndIntegrate = (id: string, name: string, params: string[]) => {
     if (params.length === 0) {
       setIntegrateSettingsAreOpen(true);
-      setFileName(fileName);
+      setRecordingInfo(id, name);
+      setSelectedRecordingId(id);
     } else {
       setParams(params);
       setIntegrateSettingsAreOpen(true);
-      setFileName(fileName);
+      setRecordingInfo(id, name);
+      setSelectedRecordingId(id);
     }
   }
 
-  const handleSettingsAndRun = (fileName: string, params: string[]) => {
+  const handleSettingsAndRun = (id: string, name: string, params: string[]) => {
     if (params.length === 0) {
       setRunSettingsAreOpen(true);
-      setFileName(fileName);
+      setRecordingInfo(id, name);
+      setSelectedRecordingId(id);
     } else {
       setParams(params);
       setRunSettingsAreOpen(true);
-      setFileName(fileName);
+      setRecordingInfo(id, name);
+      setSelectedRecordingId(id);
     }
   }
 
-  const handleSettingsAndSchedule = (fileName: string, params: string[]) => {
+  const handleSettingsAndSchedule = (id: string, name: string, params: string[]) => {
     if (params.length === 0) {
       setScheduleSettingsAreOpen(true);
-      setFileName(fileName);
+      setRecordingInfo(id, name);
+      setSelectedRecordingId(id);
     } else {
       setParams(params);
       setScheduleSettingsAreOpen(true);
-      setFileName(fileName);
+      setRecordingInfo(id, name);
+      setSelectedRecordingId(id);
     }
   }
 
   const handleClose = () => {
     setParams([]);
     setRunSettingsAreOpen(false);
-    setFileName('');
+    setRecordingInfo('', '');
+    setSelectedRecordingId('');
   }
 
   const handleIntegrateClose = () => {
     setParams([]);
     setIntegrateSettingsAreOpen(false);
-    setFileName('');
+    setRecordingInfo('', '');
+    setSelectedRecordingId('');
   }
 
   const handleScheduleClose = () => {
     setParams([]);
     setScheduleSettingsAreOpen(false);
-    setFileName('');
+    setRecordingInfo('', '');
+    setSelectedRecordingId('');
   }
 
   return (
@@ -98,4 +108,4 @@ export const Recordings = ({ handleEditRecording, handleRunRecording, setFileNam
       </Grid>
     </React.Fragment>
   );
-}
+}