Skip to content
Snippets Groups Projects
Verified Commit 75b8c5e5 authored by Defendi Alberto's avatar Defendi Alberto
Browse files

No need

parent c9e96668
No related branches found
No related tags found
1 merge request!56Refined auth flow and new website pages.
Form input fragment for location data insertion using [nominatim](https://nominatim.openstreetmap.org/ui/search.html) standard to insert data.
```js
<LocationFragment />
```
import React, { FC } from 'react';
import { InputField } from 'components/AuthUser/InputField/InputField';
export const LocationFragment: FC = (control, errors) => (
<div data-testid="Location">
<InputField
name="houseNumberStreet"
control={control}
rules={{
validate: (value: string) => /^[A-Za-z]$/.test(value),
required: {
value: true,
message: 'houseNumberStreet is not valid',
},
}}
label="House number/Street"
error={!!errors.houseNumberStreet}
errorMessage="Insert houseNumberStreet"
/>
<InputField
name="state"
control={control}
rules={{
validate: (value: string) => /^[A-Za-z]$/.test(value),
required: {
value: true,
message: 'state is not valid',
},
}}
label="State"
error={!!errors.state}
errorMessage="Insert state"
/>
<InputField
name="city"
control={control}
rules={{
validate: (value: string) => /^[A-Za-z]$/.test(value),
required: {
value: true,
message: 'city is not valid',
},
}}
label="City"
error={!!errors.city}
errorMessage="Insert city"
/>
<InputField
name="country"
control={control}
rules={{
validate: (value: string) => /^[A-Za-z]$/.test(value),
required: {
value: true,
message: 'country is not valid',
},
}}
label="Last name"
error={!!errors.country}
errorMessage="Insert country"
/>
<InputField
name="county"
control={control}
rules={{
validate: (value: string) => /^[A-Za-z]$/.test(value),
required: {
value: true,
message: 'county is not valid',
},
}}
label="County"
error={!!errors.county}
errorMessage="Insert county"
/>
<InputField
name="postalCode"
control={control}
rules={{
validate: (value: string) => /^[/d]$/.test(value),
required: {
value: true,
message: 'postalCode is not valid',
},
}}
label="Postal code"
error={!!errors.postalCode}
errorMessage="Insert postalCode"
/>
</div>
);
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment