From 4205514fc2142aec76526937704e2aca26f81257 Mon Sep 17 00:00:00 2001
From: Sushant <84878205+ninja-programmer@users.noreply.github.com>
Date: Mon, 13 Jan 2025 11:50:23 +0530
Subject: [PATCH 1/4] feat: do not import modalStyle

---
 src/components/robot/RobotSettings.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/robot/RobotSettings.tsx b/src/components/robot/RobotSettings.tsx
index 2dd7ebe3..76633b9b 100644
--- a/src/components/robot/RobotSettings.tsx
+++ b/src/components/robot/RobotSettings.tsx
@@ -2,7 +2,6 @@ import React, { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { GenericModal } from "../ui/GenericModal";
 import { TextField, Typography, Box } from "@mui/material";
-import { modalStyle } from "../recorder/AddWhereCondModal";
 import { useGlobalInfoStore } from '../../context/globalInfo';
 import { getStoredRecording } from '../../api/storage';
 import { WhereWhatPair } from 'maxun-core';
@@ -159,4 +158,4 @@ export const RobotSettingsModal = ({ isOpen, handleStart, handleClose, initialSe
             </>
         </GenericModal>
     );
-};
\ No newline at end of file
+};

From 41d90db25278efa7def6305ed2671e93ceaa5e34 Mon Sep 17 00:00:00 2001
From: Sushant <84878205+ninja-programmer@users.noreply.github.com>
Date: Mon, 13 Jan 2025 11:50:39 +0530
Subject: [PATCH 2/4] feat: define modalSty;e

---
 src/components/robot/RobotSettings.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/robot/RobotSettings.tsx b/src/components/robot/RobotSettings.tsx
index 76633b9b..ed66cd60 100644
--- a/src/components/robot/RobotSettings.tsx
+++ b/src/components/robot/RobotSettings.tsx
@@ -159,3 +159,15 @@ export const RobotSettingsModal = ({ isOpen, handleStart, handleClose, initialSe
         </GenericModal>
     );
 };
+
+export const modalStyle = {
+    top: "40%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    width: "50%",
+    backgroundColor: "background.paper",
+    p: 4,
+    height: "fit-content",
+    display: "block",
+    padding: "20px",
+  };

From 1839ef1002b06a96fd561bf3150e0196a49bf662 Mon Sep 17 00:00:00 2001
From: Sushant <84878205+ninja-programmer@users.noreply.github.com>
Date: Mon, 13 Jan 2025 11:50:59 +0530
Subject: [PATCH 3/4] feat: set width to 30%

---
 src/components/robot/RobotSettings.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/robot/RobotSettings.tsx b/src/components/robot/RobotSettings.tsx
index ed66cd60..fdb3526f 100644
--- a/src/components/robot/RobotSettings.tsx
+++ b/src/components/robot/RobotSettings.tsx
@@ -164,7 +164,7 @@ export const modalStyle = {
     top: "40%",
     left: "50%",
     transform: "translate(-50%, -50%)",
-    width: "50%",
+    width: "30%",
     backgroundColor: "background.paper",
     p: 4,
     height: "fit-content",

From 92780989439674b22dd854d7ab7f0aaa2ccfae71 Mon Sep 17 00:00:00 2001
From: Sushant <84878205+ninja-programmer@users.noreply.github.com>
Date: Mon, 13 Jan 2025 11:51:21 +0530
Subject: [PATCH 4/4] fix: modal style format

---
 src/components/robot/RobotSettings.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/robot/RobotSettings.tsx b/src/components/robot/RobotSettings.tsx
index fdb3526f..fdbf90e2 100644
--- a/src/components/robot/RobotSettings.tsx
+++ b/src/components/robot/RobotSettings.tsx
@@ -161,13 +161,13 @@ export const RobotSettingsModal = ({ isOpen, handleStart, handleClose, initialSe
 };
 
 export const modalStyle = {
-    top: "40%",
-    left: "50%",
-    transform: "translate(-50%, -50%)",
-    width: "30%",
-    backgroundColor: "background.paper",
-    p: 4,
-    height: "fit-content",
-    display: "block",
-    padding: "20px",
-  };
+top: "40%",
+left: "50%",
+transform: "translate(-50%, -50%)",
+width: "30%",
+backgroundColor: "background.paper",
+p: 4,
+height: "fit-content",
+display: "block",
+padding: "20px",
+};