fix: country code multiple same code fix

juspay · Apr 26, 2024 · bc992df · bc992df
1 parent 32563dd
commit bc992df
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/Components/PhoneNumberPaymentInput.res b/src/Components/PhoneNumberPaymentInput.res
@@ -30,7 +30,7 @@ let make = () => {
     let phoneNumberOptionsValue: DropdownField.optionType = {
       label: `${countryFlag} ${countryName} ${phoneNumberCode}`,
       displayValue: `${countryFlag} ${phoneNumberCode}`,
-      value: phoneNumberCode,
+      value: `${countryFlag}#${phoneNumberCode}`,
     }
     acc->Array.push(phoneNumberOptionsValue)
     acc
@@ -51,20 +51,21 @@ let make = () => {
     ->getString("phone_number_code", "")
 
   let (valueDropDown, setValueDropDown) = React.useState(_ => defaultCountryCodeFilteredValue)
+  let getCountryCodeSplitValue = val => val->String.split("#")->Array.get(1)->Option.getOr("")
 
   let changePhone = ev => {
     let val: string = ReactEvent.Form.target(ev)["value"]->String.replaceRegExp(%re("/\+D+/g"), "")
     setPhone(prev => {
       ...prev,
-      countryCode: valueDropDown,
+      countryCode: valueDropDown->getCountryCodeSplitValue,
       value: val,
     })
   }
 
   React.useEffect(() => {
     setPhone(prev => {
       ...prev,
-      countryCode: valueDropDown,
+      countryCode: valueDropDown->getCountryCodeSplitValue,
     })
     None
   }, [valueDropDown])