Enhance language selection (#538)

* Enhance language selection

* remove top/left margin to limit unusable canvas area

Co-authored-by: David Luzar <luzar.david@gmail.com>
This commit is contained in:
Faustino Kialungila 2020-01-24 19:10:44 +01:00 committed by GitHub
parent ee68af0fd3
commit 54f9c296b5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 43 additions and 44 deletions

View file

@ -10,23 +10,18 @@ export function LanguageList<T>({
currentLanguage: string;
}) {
return (
<ul>
{languages.map((language, idx) => (
<li
key={idx}
className={currentLanguage === language.lng ? "current" : ""}
>
<a
href="/"
onClick={e => {
onClick(language.lng);
e.preventDefault();
}}
>
<React.Fragment>
<select
className="language-select"
onChange={({ target }) => onClick(target.value)}
value={currentLanguage}
>
{languages.map(language => (
<option key={language.lng} value={language.lng}>
{language.label}
</a>
</li>
))}
</ul>
</option>
))}
</select>
</React.Fragment>
);
}