bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

PhoneInput: add some helpful comments

Browse source
This commit is contained in:
Alex Gleason 2022-07-13 19:50:07 -05:00
parent efad8e0e67
commit 99c67916dd
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/soapbox/components/ui/phone-input/phone-input.tsx
View file

@ -29,6 +29,8 @@ const PhoneInput: React.FC<IPhoneInput> = (props) => {
const asYouType = new AsYouType({ defaultCallingCode: countryCode });
const formatted = asYouType.input(target.value);
// If the new value is the same as before, we might be backspacing,
// so use the actual event value instead of the formatted value.
if (formatted === nationalNumber && target.value !== nationalNumber) {
setNationalNumber(target.value);
} else {
@ -43,6 +45,8 @@ const PhoneInput: React.FC<IPhoneInput> = (props) => {
const opts = { defaultCallingCode: countryCode, extract: false } as any;
const result = parsePhoneNumber(nationalNumber, opts);
// Throw if the number is invalid, but catch it below.
// We'll only ever call `onChange` with a valid E164 string or `undefined`.
if (!result.isPossible()) {
throw result;
}