refactor: better variable names
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user