country area phone input editable (#151)

WiiQare · Nov 23, 2023 · abb7d7b · abb7d7b · vercel · Nov 23, 2023
1 parent c7cdec5
commit abb7d7b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/components/atoms/Input/Country.js b/components/atoms/Input/Country.js
@@ -7,16 +7,16 @@ import { CountryContext } from '../Stepper/Forms/identity2';
 import Image from 'next/image';
 
 export default function CountrySelect() {
-  const { setCountry, setCountryLabel } = useContext(CountryContext);
+  const { setCountry, setCountryLabel, country } = useContext(CountryContext);
 
   return (
     <Autocomplete
       id="country-select-demo"
       className="w-full"
       contentEditable={false}
       onChange={(e, value) => {
-        setCountryLabel(value.label);
-        setCountry(value.code.toLowerCase());
+        setCountryLabel(value?.label || '');
+        setCountry(value?.code?.toLowerCase() || '');
       }}
       options={countries}
       autoHighlight

diff --git a/components/atoms/Stepper/Forms/identity2.js b/components/atoms/Stepper/Forms/identity2.js
@@ -405,14 +405,18 @@ function Identity2() {
                         fullWidth
                         label="Numéro de Téléphone"
                         variant="outlined"
-                        countryCodeEditable={false}
+                        countryCodeEditable={true}
                         select={false}
                         value={localStorage.getItem('phoneNumber') ?? ''}
                         defaultValue={localStorage.getItem('phoneNumber') ?? ''}
                         onChange={(value, country) => {
                           formik.setFieldValue('phoneNumber', value);
                           formik.setFieldValue('country', country.countryCode);
                           setDial(country.dialCode);
+                          if( country ){
+                            setCountry( country.countryCode );
+                            setCountryLabel( country.countryLabel );
+                          }
                           localStorage.setItem('phoneNumber', value);
                           localStorage.setItem('country', country.countryCode);
                         }}