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

Location fragment lab component

parent 4cb37a08
No related branches found
No related tags found
2 merge requests!56Refined auth flow and new website pages.,!40Sign up/Log in form nest into AuthUser
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