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

Auth: Polish UI, fix exception

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-03-05 18:06:20 +01:00
parent e81475c21a
commit 233979405a
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/auth/AuthCode.tsx
View File

@ -109,7 +109,7 @@ const AuthCode: FC<StateProps> = ({
onInput={onCodeChange} onInput={onCodeChange}
value={code} value={code}
error={authError && lang(authError)} error={authError && lang(authError)}
autoComplete="one-time-code" autoComplete="off"
inputMode="numeric" inputMode="numeric"
/> />
{authIsLoading && <Loading />} {authIsLoading && <Loading />}

3
src/components/auth/CountryCodeInput.scss
View File

@ -63,7 +63,7 @@
.country-flag { .country-flag {
font-size: 2rem; font-size: 2rem;
margin-right: 2rem; margin-right: 1rem;
.emoji { .emoji {
width: 2rem; width: 2rem;
@ -85,5 +85,6 @@
.country-code { .country-code {
margin-left: auto; margin-left: auto;
opacity: 0.5; opacity: 0.5;
padding-right: 0.25rem;
} }
} }

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

@ -136,13 +136,13 @@ const CountryCodeInput: FC<OwnProps & StateProps> = ({
{filteredList {filteredList
.map((country: ApiCountryCode) => ( .map((country: ApiCountryCode) => (
<MenuItem <MenuItem
key={country.iso2} key={`${country.iso2}-${country.countryCode}`}
className={value && country.iso2 === value.iso2 ? 'selected' : ''} className={value && country.iso2 === value.iso2 ? 'selected' : ''}
onClick={() => handleChange(country)} onClick={() => handleChange(country)}
> >
<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>
</MenuItem> </MenuItem>
))} ))}
{!filteredList.length && ( {!filteredList.length && (