Merge pull request #33 from cap-collectif/form-address

cap-collectif · May 19, 2022 · dc72b13 · dc72b13
2 parents b273a67 + 0664fb1
commit dc72b13
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 11 deletions.
diff --git a/src/components/address/Address.tsx b/src/components/address/Address.tsx
@@ -9,23 +9,25 @@ import PlacesAutocomplete, {
 
 import type { AddressComplete, AddressWithoutPosition } from './Address.type'
 
-export type AddressProps = InputProps
+export type AddressProps = InputProps & {
+  getAddress?: (address: AddressComplete) => void
+}
 const Address: React.FC<AddressProps> = ({
   value,
   onChange,
   placeholder,
   className,
   width,
+  getAddress,
 }) => {
   const handleSelect = async (address: string) => {
-    const addressWithoutPosition: AddressWithoutPosition = await geocodeByAddress(
-      address,
-    )
-      .then((results: AddressWithoutPosition[]) => {
-        // There is no lat & lng here
-        return results[0]
-      })
-      .catch(error => console.error('Error', error))
+    const addressWithoutPosition: AddressWithoutPosition =
+      await geocodeByAddress(address)
+        .then((results: AddressWithoutPosition[]) => {
+          // There is no lat & lng here
+          return results[0]
+        })
+        .catch(error => console.error('Error', error))
 
     await getLatLng(addressWithoutPosition)
       .then(latLng => {
@@ -39,11 +41,11 @@ const Address: React.FC<AddressProps> = ({
             },
           },
         }
+        if (getAddress) getAddress(addressComplete)
         onChange(addressComplete.formatted_address)
       })
       .catch(error => console.error('Error', error))
   }
-
   return (
     <PlacesAutocomplete
       value={value}

diff --git a/src/components/fieldInput/FieldInput.tsx b/src/components/fieldInput/FieldInput.tsx
@@ -70,6 +70,7 @@ export const FieldInput: FC<FieldInputProps> = ({
 
   switch (type) {
     default:
+    case 'hidden':
     case 'text':
     case 'email':
     case 'password':

diff --git a/src/components/fieldInput/FieldInput.type.ts b/src/components/fieldInput/FieldInput.type.ts
@@ -72,7 +72,7 @@ export type FieldTextArea = {
 } & TextAreaProps
 
 export type FieldText = {
-  type: 'text' | 'email' | 'password' | 'tel'
+  type: 'text' | 'email' | 'password' | 'tel' | 'hidden'
 } & InputProps
 
 export type FieldSwitch = {