diff --git a/src/components/EmergencyForm/EvacuationForm.tsx b/src/components/EmergencyForm/EvacuationForm.tsx index 27ed088..3e77836 100644 --- a/src/components/EmergencyForm/EvacuationForm.tsx +++ b/src/components/EmergencyForm/EvacuationForm.tsx @@ -15,144 +15,151 @@ export default function EvacuationForm({ form }: { form: any }) { return ( <> {/* name surname block*/} -
- ( - - - - - - - )} /> +
+ ( + + + + + + + )} /> - ( - - - - - - - )} /> -
+ ( + + + + + + + )} /> +
{/*Phone Number block*/} - ( - - - { - const countryCode: string = country.dialCode - const lineNumber: string = value.slice(countryCode.length) - field.onChange({ countryCode, lineNumber }) - }} - /> - -
- {countryCodeError?.message} - {lineNumberError?.message} -
-
- )} /> - - {/*number of seats block*/} - ( - - -
- - { - const value = e.target.value ? Number(e.target.value) : '' - field.onChange(value) - }} - /> -
-
- -
- )} /> - -
- Başvurunun Yapıldığı Konum - {/*application location box*/} -
- ( + ( - { + const countryCode: string = country.dialCode + const lineNumber: string = value.slice(countryCode.length) + field.onChange({ countryCode, lineNumber }) + }} /> - +
+ {countryCodeError?.message} + {lineNumberError?.message} +
)} /> - ( + {/*number of seats block*/} + ( - +
+ + e.target.blur()} + {...field} + onChange={(e) => { + const value = e.target.value ? Number(e.target.value) : '' + if (typeof value === 'number') { + if (value <= 999 && value > -1) { + field.onChange(value) + } + } else { + field.onChange(value) + } + }} /> +
- )} /> -
+ ) + } + /> - ( - - -