From 2f18636508a3f2044bc78df55f9dcf95676a5208 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Tue, 5 Nov 2024 23:22:43 +0530
Subject: [PATCH 1/4] feat: set modalStyle for integration modal

---
 src/components/molecules/IntegrationSettings.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/components/molecules/IntegrationSettings.tsx b/src/components/molecules/IntegrationSettings.tsx
index 1150dd72..20b03ce9 100644
--- a/src/components/molecules/IntegrationSettings.tsx
+++ b/src/components/molecules/IntegrationSettings.tsx
@@ -113,7 +113,7 @@ export const IntegrationSettingsModal = ({ isOpen, handleStart, handleClose }: I
     }, [recordingId]);
 
     return (
-        <GenericModal isOpen={isOpen} onClose={handleClose}>
+        <GenericModal isOpen={isOpen} onClose={handleClose} modalStyle={modalStyle}>
             <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-start', marginLeft: '65px' }}>
                 <Typography variant="h6" sx={{ margin: '15px 0px' }}>Integrate with Google Sheet <Chip label="beta" color="primary" variant="outlined" /></Typography>
 
@@ -225,3 +225,15 @@ export const IntegrationSettingsModal = ({ isOpen, handleStart, handleClose }: I
         </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 25c7ac5b9c0c18951805b062ea0b13e39f70a680 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Tue, 5 Nov 2024 23:23:20 +0530
Subject: [PATCH 2/4] chore: lint

---
 src/components/molecules/IntegrationSettings.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/molecules/IntegrationSettings.tsx b/src/components/molecules/IntegrationSettings.tsx
index 20b03ce9..2abac53f 100644
--- a/src/components/molecules/IntegrationSettings.tsx
+++ b/src/components/molecules/IntegrationSettings.tsx
@@ -233,7 +233,7 @@ export const modalStyle = {
     width: '50%',
     backgroundColor: 'background.paper',
     p: 4,
-    height:'fit-content',
-    display:'block',
+    height: 'fit-content',
+    display: 'block',
     padding: '20px',
-  };
+};

From dd250717663adcf52ca70d9a7ac1411f58797878 Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Tue, 5 Nov 2024 23:24:22 +0530
Subject: [PATCH 3/4] feat: remove margin bottom

---
 src/components/molecules/IntegrationSettings.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/molecules/IntegrationSettings.tsx b/src/components/molecules/IntegrationSettings.tsx
index 2abac53f..8db29a7a 100644
--- a/src/components/molecules/IntegrationSettings.tsx
+++ b/src/components/molecules/IntegrationSettings.tsx
@@ -143,7 +143,6 @@ export const IntegrationSettingsModal = ({ isOpen, handleStart, handleClose }: I
                                     variant="contained"
                                     color="primary"
                                     onClick={authenticateWithGoogle}
-                                    style={{ marginBottom: '15px' }}
                                 >
                                     Authenticate with Google
                                 </Button>

From 132c6da6a19fc9c3b0c19c738abfb9c8aeeb8faa Mon Sep 17 00:00:00 2001
From: amhsirak <karishmashuklaa@gmail.com>
Date: Tue, 5 Nov 2024 23:26:04 +0530
Subject: [PATCH 4/4] feat: remove margin

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

diff --git a/src/components/molecules/IntegrationSettings.tsx b/src/components/molecules/IntegrationSettings.tsx
index 8db29a7a..1489994c 100644
--- a/src/components/molecules/IntegrationSettings.tsx
+++ b/src/components/molecules/IntegrationSettings.tsx
@@ -115,7 +115,7 @@ export const IntegrationSettingsModal = ({ isOpen, handleStart, handleClose }: I
     return (
         <GenericModal isOpen={isOpen} onClose={handleClose} modalStyle={modalStyle}>
             <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-start', marginLeft: '65px' }}>
-                <Typography variant="h6" sx={{ margin: '15px 0px' }}>Integrate with Google Sheet <Chip label="beta" color="primary" variant="outlined" /></Typography>
+                <Typography variant="h6" >Integrate with Google Sheet <Chip label="beta" color="primary" variant="outlined" /></Typography>
 
                 {recording && recording.google_sheet_id ? (
                     <>