vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: lint

Browse Source
This commit is contained in:
karishmas6
2024-09-17 20:25:10 +05:30
parent 5c0998ae01
commit a2d04b3d5b
1 changed files with 70 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
src/components/molecules/IntegrationSettings.tsx
View File

@@ -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>
);
};