From 02ec06505dabd7f215327c098da3e5624b4f2782 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Mon, 24 Jun 2024 22:41:54 +0530
Subject: [PATCH] feat: recordings

---
 src/components/organisms/Recordings.tsx | 52 +++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 src/components/organisms/Recordings.tsx

diff --git a/src/components/organisms/Recordings.tsx b/src/components/organisms/Recordings.tsx
new file mode 100644
index 00000000..ae993956
--- /dev/null
+++ b/src/components/organisms/Recordings.tsx
@@ -0,0 +1,52 @@
+import React, { useState } from 'react';
+import { RecordingsTable } from "../molecules/RecordingsTable";
+import { Grid } from "@mui/material";
+import { RunSettings, RunSettingsModal } from "../molecules/RunSettings";
+
+interface RecordingsProps {
+  handleEditRecording: (fileName: string) => void;
+  handleRunRecording: (settings: RunSettings) => void;
+  setFileName: (fileName: string) => void;
+
+}
+
+export const Recordings = ({ handleEditRecording, handleRunRecording, setFileName }: RecordingsProps) => {
+  const [runSettingsAreOpen, setRunSettingsAreOpen] = useState(false);
+  const [params, setParams] = useState<string[]>([]);
+
+  const handleSettingsAndRun = (fileName: string, params: string[]) => {
+    if (params.length === 0) {
+      setRunSettingsAreOpen(true);
+      setFileName(fileName);
+    } else {
+      setParams(params);
+      setRunSettingsAreOpen(true);
+      setFileName(fileName);
+    }
+  }
+
+  const handleClose = () => {
+    setParams([]);
+    setRunSettingsAreOpen(false);
+    setFileName('');
+  }
+
+  return (
+    <React.Fragment>
+    <RunSettingsModal isOpen={runSettingsAreOpen}
+                      handleClose={handleClose}
+                      handleStart={ (settings) => handleRunRecording(settings) }
+                      isTask={params.length !== 0}
+                      params={params}
+    />
+    <Grid container direction="column" sx={{ padding: '30px'}}>
+      <Grid item xs>
+        <RecordingsTable
+          handleEditRecording={handleEditRecording}
+          handleRunRecording={handleSettingsAndRun}
+        />
+      </Grid>
+    </Grid>
+    </React.Fragment>
+  );
+}