From 0fcb9383c87794a60b2c5249cef900f912bc5ff4 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Tue, 17 Sep 2024 17:28:43 +0530
Subject: [PATCH] feat(wip): integration settings UI

---
 .../molecules/IntegrationSettings.tsx         | 114 ++++++++++++++++++
 1 file changed, 114 insertions(+)
 create mode 100644 src/components/molecules/IntegrationSettings.tsx

diff --git a/src/components/molecules/IntegrationSettings.tsx b/src/components/molecules/IntegrationSettings.tsx
new file mode 100644
index 00000000..0c4ce109
--- /dev/null
+++ b/src/components/molecules/IntegrationSettings.tsx
@@ -0,0 +1,114 @@
+import React, { useState } from 'react';
+import { GenericModal } from "../atoms/GenericModal";
+import { MenuItem, TextField, Typography } from "@mui/material";
+import { Dropdown } from "../atoms/DropdownMui";
+import Button from "@mui/material/Button";
+import { modalStyle } from "./AddWhereCondModal";
+
+interface IntegrationSettingsProps {
+  isOpen: boolean;
+  handleStart: (settings: IntegrationSettings) => void;
+  handleClose: () => void;
+  isTask: boolean;
+  params?: string[];
+}
+
+export interface IntegrationSettings {
+  maxConcurrency: number;
+  maxRepeats: number;
+  debug: boolean;
+  params?: any;
+}
+
+export const IntegrationSettingsModal = ({ isOpen, handleStart, handleClose, isTask, params }: IntegrationSettingsProps) => {
+
+  const [settings, setSettings] = React.useState<IntegrationSettings>({
+    maxConcurrency: 1,
+    maxRepeats: 1,
+    debug: true,
+  });
+
+  return (
+    <GenericModal
+      isOpen={isOpen}
+      onClose={handleClose}
+      modalStyle={modalStyle}
+    >
+      <div style={{
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        marginLeft: '65px',
+      }}>
+        {isTask
+          ?
+          (
+            <React.Fragment>
+              <Typography sx={{ margin: '20px 0px' }} >Recording parameters:</Typography>
+              {params?.map((item, index) => {
+                return <TextField
+                  sx={{ marginBottom: '15px' }}
+                  key={`param-${index}`}
+                  type="string"
+                  label={item}
+                  required
+                  onChange={(e) => setSettings(
+                    {
+                      ...settings,
+                      params: settings.params
+                        ? {
+                          ...settings.params,
+                          [item]: e.target.value,
+                        }
+                        : {
+                          [item]: e.target.value,
+                        },
+                    })}
+                />
+              })}
+            </React.Fragment>)
+          : null
+        }
+        <Typography sx={{ margin: '20px 0px' }} >Interpreter settings:</Typography>
+        <TextField
+          sx={{ marginBottom: '15px' }}
+          type="number"
+          label="maxConcurrency"
+          required
+          onChange={(e) => setSettings(
+            {
+              ...settings,
+              maxConcurrency: parseInt(e.target.value),
+            })}
+          defaultValue={settings.maxConcurrency}
+        />
+        <TextField
+          sx={{ marginBottom: '15px' }}
+          type="number"
+          label="maxRepeats"
+          required
+          onChange={(e) => setSettings(
+            {
+              ...settings,
+              maxRepeats: parseInt(e.target.value),
+            })}
+          defaultValue={settings.maxRepeats}
+        />
+        <Dropdown
+          id="debug"
+          label="debug"
+          value={settings.debug?.toString()}
+          handleSelect={(e) => setSettings(
+            {
+              ...settings,
+              debug: e.target.value === "true",
+            })}
+        >
+          <MenuItem value="true">true</MenuItem>
+          <MenuItem value="false">false</MenuItem>
+        </Dropdown>
+        <Button onClick={() => handleStart(settings)}>Start</Button>
+      </div>
+    </GenericModal>
+  );
+}