diff --git a/src/apps/dashboard/features/tasks/components/NewTriggerForm.tsx b/src/apps/dashboard/features/tasks/components/NewTriggerForm.tsx index 7819335669..a5eef10723 100644 --- a/src/apps/dashboard/features/tasks/components/NewTriggerForm.tsx +++ b/src/apps/dashboard/features/tasks/components/NewTriggerForm.tsx @@ -23,13 +23,13 @@ type IProps = { const NewTriggerForm: FunctionComponent = ({ open, title, onClose, onAdd }: IProps) => { const { dateFnsLocale } = useLocale(); - const [triggerType, setTriggerType] = useState('DailyTrigger'); + const [triggerType, setTriggerType] = useState(TaskTriggerInfoType.DailyTrigger); const timeOfDayOptions = useMemo(() => getTimeOfDayOptions(dateFnsLocale), [dateFnsLocale]); const intervalOptions = useMemo(() => getIntervalOptions(dateFnsLocale), [dateFnsLocale]); const onTriggerTypeChange = useCallback((e: React.ChangeEvent) => { - setTriggerType(e.target.value); + setTriggerType(e.target.value as TaskTriggerInfoType); }, []); const onSubmit = useCallback((e: React.FormEvent) => { @@ -54,13 +54,13 @@ const NewTriggerForm: FunctionComponent = ({ open, title, onClose, onAdd } if (data.TimeLimit.toString()) { - trigger.MaxRuntimeTicks = parseFloat(data.TimeLimit.toString()) * 3600000 * 1e4; + trigger.MaxRuntimeTicks = parseFloat(data.TimeLimit.toString()) * 36e9; } if (onAdd) { onAdd(trigger); } - }, [onAdd]); + }, [ onAdd ]); return ( = ({ open, title, onClose, onAdd onChange={onTriggerTypeChange} label={globalize.translate('LabelTriggerType')} > - {globalize.translate('OptionDaily')} - {globalize.translate('OptionWeekly')} - {globalize.translate('OptionOnInterval')} - {globalize.translate('OnApplicationStartup')} + {globalize.translate('OptionDaily')} + {globalize.translate('OptionWeekly')} + {globalize.translate('OptionOnInterval')} + {globalize.translate('OnApplicationStartup')} - {triggerType == 'WeeklyTrigger' && ( + {triggerType == TaskTriggerInfoType.WeeklyTrigger && ( - {globalize.translate('Sunday')} - {globalize.translate('Monday')} - {globalize.translate('Tuesday')} - {globalize.translate('Wednesday')} - {globalize.translate('Thursday')} - {globalize.translate('Friday')} - {globalize.translate('Saturday')} + {globalize.translate('Sunday')} + {globalize.translate('Monday')} + {globalize.translate('Tuesday')} + {globalize.translate('Wednesday')} + {globalize.translate('Thursday')} + {globalize.translate('Friday')} + {globalize.translate('Saturday')} )} - {['DailyTrigger', 'WeeklyTrigger'].includes(triggerType) && ( + {(triggerType == TaskTriggerInfoType.DailyTrigger || triggerType == TaskTriggerInfoType.WeeklyTrigger) && ( = ({ open, title, onClose, onAdd )} - {triggerType == 'IntervalTrigger' && ( + {triggerType == TaskTriggerInfoType.IntervalTrigger && ( = ({ task }: TaskProps) => { const startTask = useStartTask(); const stopTask = useStopTask(); - const navigateTaskEdit = useCallback(() => { - Dashboard.navigate(`/dashboard/tasks/edit?id=${task.Id}`) - .catch(err => { - console.error('[Task] failed to navigate to task edit page', err); - }); - }, [task]); - const handleStartTask = useCallback(() => { if (task.Id) { startTask.mutate({ taskId: task.Id }); @@ -48,7 +40,7 @@ const Task: FunctionComponent = ({ task }: TaskProps) => { } > - + @@ -59,7 +51,7 @@ const Task: FunctionComponent = ({ task }: TaskProps) => { secondary={task.State == 'Running' ? : } disableTypography /> - + ); };