@@ -10,6 +10,7 @@ import FlashMessageRender from '@/components/FlashMessageRender';
1010import { number , object , string } from 'yup' ;
1111import useFlash from '@/plugins/useFlash' ;
1212import useServer from '@/plugins/useServer' ;
13+ import FormikFieldWrapper from '@/components/elements/FormikFieldWrapper' ;
1314
1415interface Props {
1516 schedule : Schedule ;
@@ -29,10 +30,8 @@ const TaskDetailsForm = ({ isEditingTask }: { isEditingTask: boolean }) => {
2930 const { values : { action } , setFieldValue, setFieldTouched } = useFormikContext < Values > ( ) ;
3031
3132 useEffect ( ( ) => {
32- return ( ) => {
33- setFieldValue ( 'payload' , '' ) ;
34- setFieldTouched ( 'payload' , false ) ;
35- } ;
33+ setFieldValue ( 'payload' , action === 'power' ? 'start' : '' ) ;
34+ setFieldTouched ( 'payload' , false ) ;
3635 } , [ action ] ) ;
3736
3837 return (
@@ -56,12 +55,14 @@ const TaskDetailsForm = ({ isEditingTask }: { isEditingTask: boolean }) => {
5655 :
5756 < div >
5857 < label className = { 'input-dark-label' } > Payload</ label >
59- < FormikField as = { 'select' } name = { 'payload' } className = { 'input-dark' } >
60- < option value = { 'start' } > Start the server</ option >
61- < option value = { 'restart' } > Restart the server</ option >
62- < option value = { 'stop' } > Stop the server</ option >
63- < option value = { 'kill' } > Terminate the server</ option >
64- </ FormikField >
58+ < FormikFieldWrapper name = { 'payload' } >
59+ < FormikField as = { 'select' } name = { 'payload' } className = { 'input-dark' } >
60+ < option value = { 'start' } > Start the server</ option >
61+ < option value = { 'restart' } > Restart the server</ option >
62+ < option value = { 'stop' } > Stop the server</ option >
63+ < option value = { 'kill' } > Terminate the server</ option >
64+ </ FormikField >
65+ </ FormikFieldWrapper >
6566 </ div >
6667 }
6768 </ div >
0 commit comments