dan/Portfolio
1
0
Fork 0
mirror of https://github.com/danbulant/Portfolio synced 2026-06-20 23:11:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: country CZ when switching from page with tel field

Browse source
This commit is contained in:
Sebastian Pravda 2023-02-03 19:19:37 +01:00 committed by EETagent
parent 699f442088
commit 990e365f31
1 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/lib/components/textfield/TelephoneField.svelte
View file

@ -8,12 +8,18 @@
import TelInput, { normalizedCountries } from 'svelte-tel-input';
import type { NormalizedTelNumber, CountryCode, E164Number } from 'svelte-tel-input/types';
import { parsePhoneNumber } from 'libphonenumber-js';
// Any Country Code Alpha-2 (ISO 3166)
let country: CountryCode | null = 'CZ';
// You must use E164 number format. It's guarantee the parsing and storing consistency.
export let value: E164Number | null = '+36301234567';
export let value: E164Number | null;
if (value !== null) {
// @ts-ignore
country = parsePhoneNumber(value).country;
// console.log(country);
}
// Validity
let valid = true;
@ -60,7 +66,9 @@
selected={country.iso2 === selectedCountry}
aria-selected={country.iso2 === selectedCountry}
>
{country.iso2} (+{country.dialCode})
{country.name.split('(').length > 1
? country.name.split('(')[1].replace(')', '')
: country.name} (+{country.dialCode})
</option>
{/each}
</select>