diff --git a/apps/portal/src/pages/resumes/submit.tsx b/apps/portal/src/pages/resumes/submit.tsx index c10bf2f1..e725a730 100644 --- a/apps/portal/src/pages/resumes/submit.tsx +++ b/apps/portal/src/pages/resumes/submit.tsx @@ -68,25 +68,23 @@ export default function SubmitResumeForm() { }, ]; - const [title, setTitle] = useState(''); - const [role, setRole] = useState(roleItems[0].label); - const [experience, setExperience] = useState(experienceItems[0].label); - const [location, setLocation] = useState(locationItems[0].label); - const [resumeFile, setResumeFile] = useState(null); + const [resumeFile, setResumeFile] = useState(); const [invalidFileUploadError, setInvalidFileUploadError] = useState< string | null >(null); - const [additionalInfo, setAdditionalInfo] = useState(''); const { register, handleSubmit, + setValue, + reset, formState: { errors }, } = useForm(); // TODO: Add Create resume mutation const onSubmit: SubmitHandler = (data) => { alert(JSON.stringify(data)); + onClickReset(); }; const onUploadFile = (event: React.ChangeEvent) => { @@ -102,6 +100,11 @@ export default function SubmitResumeForm() { setResumeFile(file); }; + const onClickReset = () => { + reset(); + setResumeFile(null); + }; + const fileUploadError = useMemo(() => { if (invalidFileUploadError != null) { return invalidFileUploadError; @@ -111,15 +114,6 @@ export default function SubmitResumeForm() { } }, [errors?.file, invalidFileUploadError]); - const onReset = () => { - setTitle(''); - setLocation(locationItems[0].label); - setExperience(experienceItems[0].label); - setRole(roleItems[0].label); - setResumeFile(null); - setAdditionalInfo(''); - }; - return ( <> @@ -138,8 +132,7 @@ export default function SubmitResumeForm() { errorMessage={errors?.title && 'Title cannot be empty!'} label="Title" placeholder={TITLE_PLACEHOLDER} - value={title} - onChange={setTitle} + onChange={(val) => setValue('title', val)} />
@@ -147,8 +140,7 @@ export default function SubmitResumeForm() { {...register('role', { required: true })} label="Role" options={roleItems} - value={role} - onChange={setRole} + onChange={(val) => setValue('role', val)} />
@@ -156,8 +148,7 @@ export default function SubmitResumeForm() { {...register('experience', { required: true })} label="Experience Level" options={experienceItems} - value={experience} - onChange={setExperience} + onChange={(val) => setValue('experience', val)} />
@@ -166,8 +157,7 @@ export default function SubmitResumeForm() { label="Location" name="location" options={locationItems} - value={location} - onChange={setLocation} + onChange={(val) => setValue('location', val)} />

@@ -209,8 +199,7 @@ export default function SubmitResumeForm() { {...register('additionalInformation')} label="Additional Information" placeholder={ADDITIONAL_INFO_PLACEHOLDER} - value={additionalInfo} - onChange={setAdditionalInfo} + onChange={(val) => setValue('additionalInformation', val)} />

@@ -220,7 +209,7 @@ export default function SubmitResumeForm() { label="Clear" size="md" variant="tertiary" - onClick={onReset} + onClick={onClickReset} />