mirror of
https://github.com/hedgedoc/hedgedoc.git
synced 2025-05-29 06:15:29 -04:00
Add prettier for codestyle and re-format everything (#1294)
This commit is contained in:
parent
8b78154075
commit
0aae1f70d2
319 changed files with 4809 additions and 3936 deletions
|
@ -49,43 +49,38 @@ const languages = {
|
|||
*
|
||||
* @param wantedLanguage an ISO 639-1 standard language code
|
||||
*/
|
||||
const findLanguageCode = (wantedLanguage: string): string => (
|
||||
(
|
||||
Object.keys(languages)
|
||||
.find((supportedLanguage) => wantedLanguage === supportedLanguage)
|
||||
) ?? (
|
||||
Object.keys(languages)
|
||||
.find((supportedLanguage) => wantedLanguage.substr(0, 2) === supportedLanguage)
|
||||
) ?? ''
|
||||
)
|
||||
const findLanguageCode = (wantedLanguage: string): string =>
|
||||
Object.keys(languages).find((supportedLanguage) => wantedLanguage === supportedLanguage) ??
|
||||
Object.keys(languages).find((supportedLanguage) => wantedLanguage.substr(0, 2) === supportedLanguage) ??
|
||||
''
|
||||
|
||||
export const LanguagePicker: React.FC = () => {
|
||||
const { i18n } = useTranslation()
|
||||
|
||||
const onChangeLang = useCallback((event: React.ChangeEvent<HTMLSelectElement>) => {
|
||||
const language = event.currentTarget.value
|
||||
Settings.defaultLocale = language
|
||||
i18n.changeLanguage(language)
|
||||
.catch(error => console.error('Error while switching language', error))
|
||||
}, [i18n])
|
||||
const onChangeLang = useCallback(
|
||||
(event: React.ChangeEvent<HTMLSelectElement>) => {
|
||||
const language = event.currentTarget.value
|
||||
Settings.defaultLocale = language
|
||||
i18n.changeLanguage(language).catch((error) => console.error('Error while switching language', error))
|
||||
},
|
||||
[i18n]
|
||||
)
|
||||
|
||||
const languageCode = useMemo(() => findLanguageCode(i18n.language), [i18n.language])
|
||||
|
||||
const languageOptions = useMemo(() =>
|
||||
Object.entries(languages)
|
||||
.map(([language, languageName]) =>
|
||||
<option key={ language } value={ language }>{ languageName }</option>), [])
|
||||
const languageOptions = useMemo(
|
||||
() =>
|
||||
Object.entries(languages).map(([language, languageName]) => (
|
||||
<option key={language} value={language}>
|
||||
{languageName}
|
||||
</option>
|
||||
)),
|
||||
[]
|
||||
)
|
||||
|
||||
return (
|
||||
<Form.Control
|
||||
as="select"
|
||||
size="sm"
|
||||
className="mb-2 mx-auto w-auto"
|
||||
value={ languageCode }
|
||||
onChange={ onChangeLang }>
|
||||
{
|
||||
languageOptions
|
||||
}
|
||||
<Form.Control as='select' size='sm' className='mb-2 mx-auto w-auto' value={languageCode} onChange={onChangeLang}>
|
||||
{languageOptions}
|
||||
</Form.Control>
|
||||
)
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue