mirror of
https://github.com/excalidraw/excalidraw.git
synced 2025-05-03 10:00:07 -04:00
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:
parent
ee68af0fd3
commit
54f9c296b5
3 changed files with 43 additions and 44 deletions
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue