arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-07-04 13:52:38 +00:00
Code Issues Releases Wiki Activity

display flag in language picker

Browse Source
This commit is contained in:
slowbackspace 2019-02-25 19:37:24 +01:00
parent 1f79614935
commit 5ad47423e2
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Header/components/LanguagePicker/index.js
View File

@ -15,12 +15,12 @@ const SelectWrapper = styled.div`
const SelectIcon = styled.span` const SelectIcon = styled.span`
padding: 0px 6px; padding: 0px 6px;
margin-right: -20px; margin-right: -38px;
`; `;
const StyledSelect = styled.select` const StyledSelect = styled.select`
height: 100%; height: 100%;
padding-left: 20px; padding-left: 32px;
border: 0; border: 0;
background: transparent; background: transparent;
cursor: pointer; cursor: pointer;
@ -33,7 +33,11 @@ const StyledSelect = styled.select`
const LanguagePicker = ({ language, fetchLocale }: Props) => ( const LanguagePicker = ({ language, fetchLocale }: Props) => (
<SelectWrapper> <SelectWrapper>
<SelectIcon role="img" aria-label="Select language">🌎</SelectIcon> <SelectIcon role="img" aria-label="Select language">
<svg width="32" height="24">
<image xlinkHref={`l10n/flags/${language}.svg`} width="32" height="24" />
</svg>
</SelectIcon>
<StyledSelect <StyledSelect
onChange={e => fetchLocale(e.target.value)} onChange={e => fetchLocale(e.target.value)}
value={language} value={language}