refactor: better variable names

This commit is contained in:
karishmas6
2024-09-12 23:02:49 +05:30
parent b324b9c057
commit b5aa68cb00

View File

@@ -32,13 +32,13 @@ export const ScheduleSettingsModal = ({ isOpen, handleStart, handleClose }: Sche
setSettings(prev => ({ ...prev, [field]: value })); setSettings(prev => ({ ...prev, [field]: value }));
}; };
const commonStyle = { const textStyle = {
width: '150px', width: '150px',
height: '50px', height: '50px',
marginRight: '10px', marginRight: '10px',
}; };
const commonDStyle = { const dropDownStyle = {
marginTop: '2px', marginTop: '2px',
width: '150px', width: '150px',
height: '59px', height: '59px',
@@ -66,14 +66,14 @@ export const ScheduleSettingsModal = ({ isOpen, handleStart, handleClose }: Sche
type="number" type="number"
value={settings.runEvery} value={settings.runEvery}
onChange={(e) => handleChange('runEvery', parseInt(e.target.value))} onChange={(e) => handleChange('runEvery', parseInt(e.target.value))}
sx={commonStyle} sx={textStyle}
/> />
<Dropdown <Dropdown
label="unit" label="unit"
id="runEveryUnit" id="runEveryUnit"
value={settings.runEveryUnit} value={settings.runEveryUnit}
handleSelect={(e) => handleChange('runEveryUnit', e.target.value)} handleSelect={(e) => handleChange('runEveryUnit', e.target.value)}
sx={commonDStyle} sx={dropDownStyle}
> >
<MenuItem value="minutes">minutes</MenuItem> <MenuItem value="minutes">minutes</MenuItem>
<MenuItem value="hours">hours</MenuItem> <MenuItem value="hours">hours</MenuItem>
@@ -90,7 +90,7 @@ export const ScheduleSettingsModal = ({ isOpen, handleStart, handleClose }: Sche
id="startFrom" id="startFrom"
value={settings.startFrom} value={settings.startFrom}
handleSelect={(e) => handleChange('startFrom', e.target.value)} handleSelect={(e) => handleChange('startFrom', e.target.value)}
sx={commonDStyle} sx={dropDownStyle}
> >
<MenuItem value="Monday">Monday</MenuItem> <MenuItem value="Monday">Monday</MenuItem>
<MenuItem value="Tuesday">Tuesday</MenuItem> <MenuItem value="Tuesday">Tuesday</MenuItem>
@@ -109,7 +109,7 @@ export const ScheduleSettingsModal = ({ isOpen, handleStart, handleClose }: Sche
type="time" type="time"
value={settings.atTime} value={settings.atTime}
onChange={(e) => handleChange('atTime', e.target.value)} onChange={(e) => handleChange('atTime', e.target.value)}
sx={commonStyle} sx={textStyle}
/> />
</Box> </Box>
<Box> <Box>
@@ -119,7 +119,7 @@ export const ScheduleSettingsModal = ({ isOpen, handleStart, handleClose }: Sche
id="timezone" id="timezone"
value={settings.timezone} value={settings.timezone}
handleSelect={(e) => handleChange('timezone', e.target.value)} handleSelect={(e) => handleChange('timezone', e.target.value)}
sx={commonDStyle} sx={dropDownStyle}
> >
<MenuItem value="UTC">UTC</MenuItem> <MenuItem value="UTC">UTC</MenuItem>
<MenuItem value="America/New_York">America/New_York</MenuItem> <MenuItem value="America/New_York">America/New_York</MenuItem>
@@ -133,7 +133,7 @@ export const ScheduleSettingsModal = ({ isOpen, handleStart, handleClose }: Sche
<Button <Button
variant="contained" variant="contained"
onClick={() => handleStart(settings)} onClick={() => handleStart(settings)}
sx={{ ...commonStyle, width: '100%' }} sx={{ ...textStyle, width: '100%' }}
> >
Start Start
</Button> </Button>