antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-02 10:53:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add localization support (#333)

Browse source 
* Add updated i18n config and en locale
This commit is contained in:
Jeff 2023-10-30 19:22:45 -07:00 • committed by GitHub
parent 11863fd4c1
commit 8430b1ec95
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
90 changed files with 2679 additions and 908 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/renderer/features/lyrics/components/lyrics-search-form.tsx
View file

@ -4,6 +4,7 @@ import { useForm } from '@mantine/form';
import { useDebouncedValue } from '@mantine/hooks';
import { openModal } from '@mantine/modals';
import orderBy from 'lodash/orderBy';
import { useTranslation } from 'react-i18next';
import styled from 'styled-components';
import {
InternetProviderLyricSearchResponse,
@ -12,6 +13,7 @@ import {
} from '../../../api/types';
import { useLyricSearch } from '../queries/lyric-search-query';
import { ScrollArea, Spinner, Text, TextInput } from '/@/renderer/components';
import i18n from '/@/i18n/i18n';
const SearchItem = styled.button`
all: unset;
@ -84,6 +86,7 @@ interface LyricSearchFormProps {
}
export const LyricsSearchForm = ({ artist, name, onSearchOverride }: LyricSearchFormProps) => {
const { t } = useTranslation();
const form = useForm({
initialValues: {
artist: artist || '',
@ -117,11 +120,17 @@ export const LyricsSearchForm = ({ artist, name, onSearchOverride }: LyricSearch
<Group grow>
<TextInput
data-autofocus
label="Name"
label={t('form.lyricSearch.input', {
context: 'name',
postProcess: 'titleCase',
})}
{...form.getInputProps('name')}
/>
<TextInput
label="Artist"
label={t('form.lyricSearch.input', {
context: 'artist',
postProcess: 'titleCase',
})}
{...form.getInputProps('artist')}
/>
</Group>
@ -170,6 +179,6 @@ export const openLyricSearchModal = ({ artist, name, onSearchOverride }: LyricSe
/>
),
size: 'lg',
title: 'Lyrics Search',
title: i18n.t('form.lyricSearch.title', { postProcess: 'titleCase' }) as string,
});
};