feat: -rm integrate & robot settings as props

src/components/organisms/Recordings.tsx

@@ -4,21 +4,24 @@ import { Grid } from "@mui/material";
 import { RunSettings, RunSettingsModal } from "../molecules/RunSettings";
 import { ScheduleSettings, ScheduleSettingsModal } from "../molecules/ScheduleSettings";
 import { IntegrationSettings, IntegrationSettingsModal } from "../molecules/IntegrationSettings";
+import { RobotSettings, RobotSettingsModal } from "../molecules/RobotSettings";
 
 interface RecordingsProps {
   handleEditRecording: (id: string, fileName: string) => void;
   handleRunRecording: (settings: RunSettings) => void;
   handleScheduleRecording: (settings: ScheduleSettings) => void;
-  handleIntegrateRecording: (id: string, settings: IntegrationSettings) => void;
   setRecordingInfo: (id: string, name: string) => void;
 }
 
-export const Recordings = ({ handleEditRecording, handleRunRecording, setRecordingInfo, handleScheduleRecording, handleIntegrateRecording }: RecordingsProps) => {
+export const Recordings = ({ handleEditRecording, handleRunRecording, setRecordingInfo, handleScheduleRecording}: RecordingsProps) => {
   const [runSettingsAreOpen, setRunSettingsAreOpen] = useState(false);
   const [scheduleSettingsAreOpen, setScheduleSettingsAreOpen] = useState(false);
   const [integrateSettingsAreOpen, setIntegrateSettingsAreOpen] = useState(false);
+  const [robotSettingsAreOpen, setRobotSettingsAreOpen] = useState(false);
   const [params, setParams] = useState<string[]>([]);
   const [selectedRecordingId, setSelectedRecordingId] = useState<string>('');
+  const handleIntegrateRecording = (id: string, settings: IntegrationSettings) => {};
+  const handleSettingsRecording = (id: string, settings: RobotSettings) => {};
 
   const handleSettingsAndIntegrate = (id: string, name: string, params: string[]) => {
     if (params.length === 0) {
@@ -59,6 +62,19 @@ export const Recordings = ({ handleEditRecording, handleRunRecording, setRecordi
     }
   }
 
+  const handleRobotSettings = (id: string, name: string, params: string[]) => {
+    if (params.length === 0) {
+      setRobotSettingsAreOpen(true);
+      setRecordingInfo(id, name);
+      setSelectedRecordingId(id);
+    } else {
+      setParams(params);
+      setRobotSettingsAreOpen(true);
+      setRecordingInfo(id, name);
+      setSelectedRecordingId(id);
+    }
+  }
+
   const handleClose = () => {
     setParams([]);
     setRunSettingsAreOpen(false);
@@ -80,6 +96,13 @@ export const Recordings = ({ handleEditRecording, handleRunRecording, setRecordi
     setSelectedRecordingId('');
   }
 
+  const handleRobotSettingsClose = () => {
+    setParams([]);
+    setRobotSettingsAreOpen(false);
+    setRecordingInfo('', '');
+    setSelectedRecordingId('');
+  }
+
   return (
     <React.Fragment>
       <RunSettingsModal isOpen={runSettingsAreOpen}
@@ -96,6 +119,10 @@ export const Recordings = ({ handleEditRecording, handleRunRecording, setRecordi
         handleClose={handleIntegrateClose}
         handleStart={(settings) => handleIntegrateRecording(selectedRecordingId, settings)}
       />
+      <RobotSettingsModal isOpen={robotSettingsAreOpen}
+        handleClose={handleRobotSettingsClose}
+        handleStart={(settings) => handleSettingsRecording(selectedRecordingId, settings)}
+      />
       <Grid container direction="column" sx={{ padding: '30px' }}>
         <Grid item xs>
           <RecordingsTable
@@ -103,6 +130,7 @@ export const Recordings = ({ handleEditRecording, handleRunRecording, setRecordi
             handleRunRecording={handleSettingsAndRun}
             handleScheduleRecording={handleSettingsAndSchedule}
             handleIntegrateRecording={handleSettingsAndIntegrate}
+            handleSettingsRecording={handleRobotSettings}
           />
         </Grid>
       </Grid>