ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auth Phone Number: Fix selecting countries with the same phone code (#1475)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-09-29 14:24:48 +03:00
parent a3e3a74c5e
commit 944e843ff1
1 changed files with 5 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/auth/CountryCodeInput.tsx
View File

@ -58,16 +58,11 @@ const CountryCodeInput: FC<OwnProps & StateProps> = ({
} }
}, [phoneCodeList, updateFilter]); }, [phoneCodeList, updateFilter]);
const handleChange = useCallback((e: React.SyntheticEvent<HTMLElement>) => { const handleChange = useCallback((country: ApiCountryCode) => {
const { countryCode } = (e.currentTarget.firstElementChild as HTMLDivElement).dataset; onChange(country);
const country = phoneCodeList.find((c) => c.countryCode === countryCode);
if (country) {
onChange(country);
}
setTimeout(() => updateFilter(undefined), MENU_HIDING_DURATION); setTimeout(() => updateFilter(undefined), MENU_HIDING_DURATION);
}, [phoneCodeList, onChange, updateFilter]); }, [onChange, updateFilter]);
const handleInput = useCallback((e: React.FormEvent<HTMLInputElement>) => { const handleInput = useCallback((e: React.FormEvent<HTMLInputElement>) => {
updateFilter(e.currentTarget.value); updateFilter(e.currentTarget.value);
@ -141,11 +136,10 @@ const CountryCodeInput: FC<OwnProps & StateProps> = ({
{filteredList {filteredList
.map((country: ApiCountryCode) => ( .map((country: ApiCountryCode) => (
<MenuItem <MenuItem
key={country.countryCode} key={country.iso2}
className={value && country.iso2 === value.iso2 ? 'selected' : ''} className={value && country.iso2 === value.iso2 ? 'selected' : ''}
onClick={handleChange} onClick={() => handleChange(country)}
> >
<span data-country-code={country.countryCode} />
<span className="country-flag">{renderText(isoToEmoji(country.iso2), ['hq_emoji'])}</span> <span className="country-flag">{renderText(isoToEmoji(country.iso2), ['hq_emoji'])}</span>
<span className="country-name">{country.name || country.defaultName}</span> <span className="country-name">{country.name || country.defaultName}</span>
<span className="country-code">{country.countryCode}</span> <span className="country-code">{country.countryCode}</span>