From a2d04b3d5b03e8417aacc81df3572f0fc80c7f59 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Tue, 17 Sep 2024 20:25:10 +0530
Subject: [PATCH] chore: lint

---
 .../molecules/IntegrationSettings.tsx         | 140 +++++++++---------
 1 file changed, 70 insertions(+), 70 deletions(-)

diff --git a/src/components/molecules/IntegrationSettings.tsx b/src/components/molecules/IntegrationSettings.tsx
index d7bdcba9..c8c64169 100644
--- a/src/components/molecules/IntegrationSettings.tsx
+++ b/src/components/molecules/IntegrationSettings.tsx
@@ -5,88 +5,88 @@ import Button from "@mui/material/Button";
 import { modalStyle } from "./AddWhereCondModal";
 
 interface IntegrationProps {
-  isOpen: boolean;
-  handleStart: (data: IntegrationSettings) => void;
-  handleClose: () => void;
+    isOpen: boolean;
+    handleStart: (data: IntegrationSettings) => void;
+    handleClose: () => void;
 }
 
 export interface IntegrationSettings {
-  credentials: string;
-  spreadsheetId: string;
-  range: string;
-  data: string;
+    credentials: string;
+    spreadsheetId: string;
+    range: string;
+    data: string;
 }
 
 export const IntegrationSettingsModal = ({ isOpen, handleStart, handleClose }: IntegrationProps) => {
 
-  const [settings, setSettings] = useState<IntegrationSettings>({
-    credentials: '',
-    spreadsheetId: '',
-    range: '',
-    data: '',
-  });
+    const [settings, setSettings] = useState<IntegrationSettings>({
+        credentials: '',
+        spreadsheetId: '',
+        range: '',
+        data: '',
+    });
 
-  const handleChange = (field: keyof IntegrationSettings) => (e: React.ChangeEvent<HTMLInputElement>) => {
-    setSettings({ ...settings, [field]: e.target.value });
-  };
+    const handleChange = (field: keyof IntegrationSettings) => (e: React.ChangeEvent<HTMLInputElement>) => {
+        setSettings({ ...settings, [field]: e.target.value });
+    };
 
-  return (
-    <GenericModal
-      isOpen={isOpen}
-      onClose={handleClose}
-      modalStyle={modalStyle}
-    >
-      <div style={{
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'flex-start',
-        marginLeft: '65px',
-      }}>
-        <Typography sx={{ margin: '20px 0px' }}>Google Sheets Integration</Typography>
+    return (
+        <GenericModal
+            isOpen={isOpen}
+            onClose={handleClose}
+            modalStyle={modalStyle}
+        >
+            <div style={{
+                display: 'flex',
+                flexDirection: 'column',
+                alignItems: 'flex-start',
+                marginLeft: '65px',
+            }}>
+                <Typography sx={{ margin: '20px 0px' }}>Google Sheets Integration</Typography>
 
-        <TextField
-          sx={{ marginBottom: '15px' }}
-          label="Service Account JSON"
-          multiline
-          rows={10}
-          required
-          value={settings.credentials}
-          onChange={handleChange('credentials')}
-          fullWidth
-        />
+                <TextField
+                    sx={{ marginBottom: '15px' }}
+                    label="Service Account JSON"
+                    multiline
+                    rows={10}
+                    required
+                    value={settings.credentials}
+                    onChange={handleChange('credentials')}
+                    fullWidth
+                />
 
-        <TextField
-          sx={{ marginBottom: '15px' }}
-          label="Google Spreadsheet ID"
-          required
-          value={settings.spreadsheetId}
-          onChange={handleChange('spreadsheetId')}
-          fullWidth
-        />
+                <TextField
+                    sx={{ marginBottom: '15px' }}
+                    label="Google Spreadsheet ID"
+                    required
+                    value={settings.spreadsheetId}
+                    onChange={handleChange('spreadsheetId')}
+                    fullWidth
+                />
 
-        <TextField
-          sx={{ marginBottom: '15px' }}
-          label="Range (e.g., Sheet1!A1:B2)"
-          required
-          value={settings.range}
-          onChange={handleChange('range')}
-          fullWidth
-        />
+                <TextField
+                    sx={{ marginBottom: '15px' }}
+                    label="Range (e.g., Sheet1!A1:B2)"
+                    required
+                    value={settings.range}
+                    onChange={handleChange('range')}
+                    fullWidth
+                />
 
-        <TextField
-          sx={{ marginBottom: '15px' }}
-          label="Data (comma-separated, newline for rows)"
-          multiline
-          rows={4}
-          value={settings.data}
-          onChange={handleChange('data')}
-          fullWidth
-        />
+                <TextField
+                    sx={{ marginBottom: '15px' }}
+                    label="Data (comma-separated, newline for rows)"
+                    multiline
+                    rows={4}
+                    value={settings.data}
+                    onChange={handleChange('data')}
+                    fullWidth
+                />
 
-        <Button variant="contained" color="primary" onClick={() => handleStart(settings)} style={{ marginTop: '10px' }}>
-          Submit
-        </Button>
-      </div>
-    </GenericModal>
-  );
+                <Button variant="contained" color="primary" onClick={() => handleStart(settings)} style={{ marginTop: '10px' }}>
+                    Submit
+                </Button>
+            </div>
+        </GenericModal>
+    );
 };