Improved translations for English and Russian versions. (#760)

* First version of Russian translation * Improvements --------- Co-authored-by: Suoslex <[email protected]>
jeffvli · Sep 26, 2024 · 7bcfe30 · 7bcfe30
1 parent 8cddbef
commit 7bcfe30
Show file tree

Hide file tree

Showing 21 changed files with 251 additions and 120 deletions.
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
@@ -147,6 +147,7 @@
         "smartPlaylist": "smart $t(entity.playlist_one)",
         "track_one": "track",
         "track_other": "tracks",
+        "song_many": "{{ count }} songs",
         "trackWithCount_one": "{{count}} track",
         "trackWithCount_other": "{{count}} tracks"
     },
@@ -315,6 +316,14 @@
             "settings": "$t(common.setting_other)",
             "version": "version {{version}}"
         },
+        "manageServers": {
+            "title": "manage servers",
+            "serverDetails": "server details",
+            "url": "URL",
+            "username": "username",
+            "editServerDetailsTooltip": "edit server details",
+            "removeServer": "remove server"
+        },
         "contextMenu": {
             "addFavorite": "$t(action.addToFavorites)",
             "addLast": "$t(player.addLast)",
@@ -345,6 +354,7 @@
                 "dynamicIsImage": "enable background image",
                 "followCurrentLyric": "follow current lyric",
                 "lyricAlignment": "lyric alignment",
+                "lyricOffset": "lyrics offset (ms)",
                 "lyricGap": "lyric gap",
                 "lyricSize": "lyric size",
                 "opacity": "opacity",
@@ -357,7 +367,8 @@
             "lyrics": "lyrics",
             "related": "related",
             "upNext": "up next",
-            "visualizer": "visualizer"
+            "visualizer": "visualizer",
+            "noLyrics": "no lyrics found"
         },
         "genreList": {
             "showAlbums": "show $t(entity.genre_one) $t(entity.album_other)",
@@ -449,7 +460,8 @@
         "stop": "stop",
         "toggleFullscreenPlayer": "toggle fullscreen player",
         "unfavorite": "unfavorite",
-        "pause": "pause"
+        "pause": "pause",
+        "viewQueue": "view queue"
     },
     "setting": {
         "accentColor": "accent color",
@@ -706,6 +718,7 @@
         "config": {
             "general": {
                 "autoFitColumns": "auto fit columns",
+                "followCurrentSong": "follow current song",
                 "displayType": "display type",
                 "gap": "$t(common.gap)",
                 "itemGap": "item gap (px)",

diff --git a/src/i18n/locales/ru.json b/src/i18n/locales/ru.json
diff --git a/src/renderer/components/feature-carousel/index.tsx b/src/renderer/components/feature-carousel/index.tsx
@@ -207,7 +207,11 @@ export const FeatureCarousel = ({ data }: FeatureCarouselProps) => {
                                             </Badge>
                                         ))}
                                         <Badge size="lg">{currentItem?.releaseYear}</Badge>
-                                        <Badge size="lg">{currentItem?.songCount} tracks</Badge>
+                                        <Badge size="lg">
+                                            {t('entity.trackWithCount', {
+                                                count: currentItem?.songCount || 0,
+                                            })}
+                                        </Badge>
                                     </Group>
                                     <Group position="apart">
                                         <Button

diff --git a/src/renderer/components/virtual-table/table-config-dropdown.tsx b/src/renderer/components/virtual-table/table-config-dropdown.tsx
@@ -6,6 +6,7 @@ import { useSettingsStoreActions, useSettingsStore } from '/@/renderer/store/set
 import { TableColumn, TableType } from '/@/renderer/types';
 import { Option } from '/@/renderer/components/option';
 import i18n from '/@/i18n/i18n';
+import { useTranslation } from 'react-i18next';
 
 export const SONG_TABLE_COLUMNS = [
     {
@@ -285,6 +286,7 @@ interface TableConfigDropdownProps {
 }
 
 export const TableConfigDropdown = ({ type }: TableConfigDropdownProps) => {
+    const { t } = useTranslation();
     const { setSettings } = useSettingsStoreActions();
     const tableConfig = useSettingsStore((state) => state.tables);
 
@@ -374,7 +376,9 @@ export const TableConfigDropdown = ({ type }: TableConfigDropdownProps) => {
     return (
         <>
             <Option>
-                <Option.Label>Auto-fit Columns</Option.Label>
+                <Option.Label>
+                    {t('table.config.general.autoFitColumns', { postProcess: 'sentenceCase' })}
+                </Option.Label>
                 <Option.Control>
                     <Switch
                         defaultChecked={tableConfig[type]?.autoFit}
@@ -384,7 +388,11 @@ export const TableConfigDropdown = ({ type }: TableConfigDropdownProps) => {
             </Option>
             {type !== 'albumDetail' && (
                 <Option>
-                    <Option.Label>Follow current song</Option.Label>
+                    <Option.Label>
+                        {t('table.config.general.followCurrentSong', {
+                            postProcess: 'sentenceCase',
+                        })}
+                    </Option.Label>
                     <Option.Control>
                         <Switch
                             defaultChecked={tableConfig[type]?.followCurrentSong}

diff --git a/src/renderer/features/action-required/routes/action-required-route.tsx b/src/renderer/features/action-required/routes/action-required-route.tsx
@@ -37,7 +37,7 @@ const ActionRequiredRoute = () => {
     const handleManageServersModal = () => {
         openModal({
             children: <ServerList />,
-            title: 'Manage Servers',
+            title: t('page.appMenu.manageServers', { postProcess: 'sentenceCase' }),
         });
     };
 

diff --git a/src/renderer/features/albums/components/album-detail-header.tsx b/src/renderer/features/albums/components/album-detail-header.tsx
@@ -79,7 +79,9 @@ export const AlbumDetailHeader = forwardRef(
             },
             {
                 id: 'songCount',
-                value: `${detailQuery?.data?.songCount} songs`,
+                value: t('entity.song_many', {
+                    count: detailQuery?.data?.songCount as number,
+                }),
             },
             {
                 id: 'duration',

diff --git a/src/renderer/features/albums/components/album-list-header-filters.tsx b/src/renderer/features/albums/components/album-list-header-filters.tsx
@@ -511,7 +511,7 @@ export const AlbumListHeaderFilters = ({
                         },
                     }}
                     tooltip={{
-                        label: t('common.filter', { count: 2, postProcess: 'sentenceCase' }),
+                        label: t('common.filters', { count: 2, postProcess: 'sentenceCase' }),
                     }}
                     variant="subtle"
                     onClick={handleOpenFiltersModal}
@@ -589,7 +589,9 @@ export const AlbumListHeaderFilters = ({
                         </Button>
                     </DropdownMenu.Target>
                     <DropdownMenu.Dropdown>
-                        <DropdownMenu.Label>Display type</DropdownMenu.Label>
+                        <DropdownMenu.Label>
+                            {t('table.config.general.displayType', { postProcess: 'sentenceCase' })}
+                        </DropdownMenu.Label>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.CARD}
                             value={ListDisplayType.CARD}

diff --git a/src/renderer/features/artists/components/album-artist-list-header-filters.tsx b/src/renderer/features/artists/components/album-artist-list-header-filters.tsx
@@ -446,7 +446,9 @@ export const AlbumArtistListHeaderFilters = ({
                             icon={<RiRefreshLine />}
                             onClick={handleRefresh}
                         >
-                            Refresh
+                            {t('common.refresh', {
+                                postProcess: 'titleCase',
+                            })}
                         </DropdownMenu.Item>
                     </DropdownMenu.Dropdown>
                 </DropdownMenu>
@@ -466,7 +468,9 @@ export const AlbumArtistListHeaderFilters = ({
                         </Button>
                     </DropdownMenu.Target>
                     <DropdownMenu.Dropdown>
-                        <DropdownMenu.Label>Display type</DropdownMenu.Label>
+                        <DropdownMenu.Label>
+                            {t('table.config.general.displayType', { postProcess: 'sentenceCase' })}
+                        </DropdownMenu.Label>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.CARD}
                             value={ListDisplayType.CARD}

diff --git a/src/renderer/features/context-menu/context-menu-provider.tsx b/src/renderer/features/context-menu/context-menu-provider.tsx
@@ -876,7 +876,7 @@ export const ContextMenuProvider = ({ children }: ContextMenuProviderProps) => {
                     },
                 ],
                 id: 'setRating',
-                label: 'Set rating',
+                label: t('action.setRating', { postProcess: 'sentenceCase' }),
                 leftIcon: <RiStarFill size="1.1rem" />,
                 onClick: () => {},
                 rightIcon: <RiArrowRightSFill size="1.2rem" />,

diff --git a/src/renderer/features/genres/components/genre-list-header-filters.tsx b/src/renderer/features/genres/components/genre-list-header-filters.tsx
@@ -386,7 +386,7 @@ export const GenreListHeaderFilters = ({
                     </DropdownMenu.Target>
                     <DropdownMenu.Dropdown>
                         <DropdownMenu.Label>
-                            {t('table.config.general.displayType', { postProcess: 'titleCase' })}
+                            {t('table.config.general.displayType', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Label>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.CARD}
@@ -423,7 +423,11 @@ export const GenreListHeaderFilters = ({
                         </DropdownMenu.Item>
                         {isGrid && (
                             <>
-                                <DropdownMenu.Label>Item gap</DropdownMenu.Label>
+                                <DropdownMenu.Label>
+                                    {t('table.config.general.itemGap', {
+                                        postProcess: 'sentenceCase',
+                                    })}
+                                </DropdownMenu.Label>
                                 <DropdownMenu.Item closeMenuOnClick={false}>
                                     <Slider
                                         defaultValue={grid?.itemGap || 0}

diff --git a/src/renderer/features/lyrics/lyrics.tsx b/src/renderer/features/lyrics/lyrics.tsx
@@ -2,6 +2,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import { Center, Group } from '@mantine/core';
 import { AnimatePresence, motion } from 'framer-motion';
 import { ErrorBoundary } from 'react-error-boundary';
+import { useTranslation } from 'react-i18next';
 import { RiInformationFill } from 'react-icons/ri';
 import styled from 'styled-components';
 import { useSongLyricsByRemoteId, useSongLyricsBySong } from './queries/lyric-query';
@@ -86,6 +87,7 @@ const ScrollContainer = styled(motion.div)`
 export const Lyrics = () => {
     const currentSong = useCurrentSong();
     const lyricsSettings = useLyricsSettings();
+    const { t } = useTranslation();
     const [index, setIndex] = useState(0);
     const [translatedLyrics, setTranslatedLyrics] = useState<string | null>(null);
     const [showTranslation, setShowTranslation] = useState(false);
@@ -217,7 +219,9 @@ export const Lyrics = () => {
                                         order={3}
                                         weight={700}
                                     >
-                                        No lyrics found
+                                        {t('page.fullscreenPlayer.noLyrics', {
+                                            postProcess: 'sentenceCase',
+                                        })}
                                     </TextTitle>
                                 </Group>
                             </Center>

diff --git a/src/renderer/features/player/components/full-screen-player-queue.tsx b/src/renderer/features/player/components/full-screen-player-queue.tsx
@@ -98,7 +98,7 @@ export const FullScreenPlayerQueue = () => {
             items.push({
                 active: activeTab === 'visualizer',
                 icon: <RiFileTextLine size="1.5rem" />,
-                label: t('page.fullscreenPlayer.visualizer'),
+                label: t('page.fullscreenPlayer.visualizer', { postProcess: 'titleCase' }),
                 onClick: () => setStore({ activeTab: 'visualizer' }),
             });
         }

diff --git a/src/renderer/features/player/components/full-screen-player.tsx b/src/renderer/features/player/components/full-screen-player.tsx
@@ -382,7 +382,11 @@ const Controls = () => {
                         </Option.Control>
                     </Option>
                     <Option>
-                        <Option.Label>Lyrics offset (ms)</Option.Label>
+                        <Option.Label>
+                            {t('page.fullscreenPlayer.config.lyricOffset', {
+                                postProcess: 'sentenceCase',
+                            })}
+                        </Option.Label>
                         <Option.Control>
                             <NumberInput
                                 defaultValue={lyricConfig.delayMs}

diff --git a/src/renderer/features/player/components/right-controls.tsx b/src/renderer/features/player/components/right-controls.tsx
@@ -293,7 +293,10 @@ export const RightControls = () => {
                 {!isMinWidth ? (
                     <PlayerButton
                         icon={<HiOutlineQueueList size="1.1rem" />}
-                        tooltip={{ label: 'View queue', openDelay: 500 }}
+                        tooltip={{
+                            label: t('player.viewQueue', { postProcess: 'titleCase' }),
+                            openDelay: 500,
+                        }}
                         variant="secondary"
                         onClick={handleToggleQueue}
                     />

diff --git a/src/renderer/features/playlists/components/playlist-detail-song-list-header-filters.tsx b/src/renderer/features/playlists/components/playlist-detail-song-list-header-filters.tsx
@@ -596,7 +596,9 @@ export const PlaylistDetailSongListHeaderFilters = ({
                         </Button>
                     </DropdownMenu.Target>
                     <DropdownMenu.Dropdown>
-                        <DropdownMenu.Label>Display type</DropdownMenu.Label>
+                        <DropdownMenu.Label>
+                            {t('table.config.general.displayType', { postProcess: 'sentenceCase' })}
+                        </DropdownMenu.Label>
                         <DropdownMenu.Item
                             $isActive={page.display === ListDisplayType.TABLE}
                             value={ListDisplayType.TABLE}

diff --git a/src/renderer/features/playlists/components/playlist-list-header-filters.tsx b/src/renderer/features/playlists/components/playlist-list-header-filters.tsx
@@ -400,7 +400,7 @@ export const PlaylistListHeaderFilters = ({
                     </DropdownMenu.Target>
                     <DropdownMenu.Dropdown>
                         <DropdownMenu.Label>
-                            {t('table.config.general.displayType', { postProcess: 'titleCase' })}
+                            {t('table.config.general.displayType', { postProcess: 'sentenceCase' })}
                         </DropdownMenu.Label>
                         <DropdownMenu.Item
                             $isActive={display === ListDisplayType.CARD}

diff --git a/src/renderer/features/playlists/components/playlist-query-builder.tsx b/src/renderer/features/playlists/components/playlist-query-builder.tsx
@@ -467,11 +467,11 @@ export const PlaylistQueryBuilder = forwardRef(
                         <Select
                             data={[
                                 {
-                                    label: t('common.ascending', { postProcess: 'titleCase' }),
+                                    label: t('common.ascending', { postProcess: 'sentenceCase' }),
                                     value: 'asc',
                                 },
                                 {
-                                    label: t('common.descending', { postProcess: 'titleCase' }),
+                                    label: t('common.descending', { postProcess: 'sentenceCase' }),
                                     value: 'desc',
                                 },
                             ]}

diff --git a/src/renderer/features/servers/components/server-list-item.tsx b/src/renderer/features/servers/components/server-list-item.tsx
@@ -3,6 +3,7 @@ import { Stack, Group, Divider } from '@mantine/core';
 import { Button, Text, TimeoutButton } from '/@/renderer/components';
 import { useDisclosure } from '@mantine/hooks';
 import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
 import { RiDeleteBin2Line, RiEdit2Fill } from 'react-icons/ri';
 import { EditServerForm } from '/@/renderer/features/servers/components/edit-server-form';
 import { ServerSection } from '/@/renderer/features/servers/components/server-section';
@@ -16,6 +17,7 @@ interface ServerListItemProps {
 }
 
 export const ServerListItem = ({ server }: ServerListItemProps) => {
+    const { t } = useTranslation();
     const [edit, editHandlers] = useDisclosure(false);
     const [savedPassword, setSavedPassword] = useState('');
     const { deleteServer } = useAuthStoreActions();
@@ -54,7 +56,11 @@ export const ServerListItem = ({ server }: ServerListItemProps) => {
             <ServerSection
                 title={
                     <Group position="apart">
-                        <Text>Server details</Text>
+                        <Text>
+                            {t('page.manageServers.serverDetails', {
+                                postProcess: 'sentenceCase',
+                            })}
+                        </Text>
                     </Group>
                 }
             >
@@ -68,8 +74,16 @@ export const ServerListItem = ({ server }: ServerListItemProps) => {
                     <Stack>
                         <Group noWrap>
                             <Stack>
-                                <Text>URL</Text>
-                                <Text>Username</Text>
+                                <Text>
+                                    {t('page.manageServers.url', {
+                                        postProcess: 'sentenceCase',
+                                    })}
+                                </Text>
+                                <Text>
+                                    {t('page.manageServers.username', {
+                                        postProcess: 'sentenceCase',
+                                    })}
+                                </Text>
                             </Stack>
                             <Stack>
                                 <Text>{server.url}</Text>
@@ -79,11 +93,15 @@ export const ServerListItem = ({ server }: ServerListItemProps) => {
                         <Group grow>
                             <Button
                                 leftIcon={<RiEdit2Fill />}
-                                tooltip={{ label: 'Edit server details' }}
+                                tooltip={{
+                                    label: t('page.manageServers.editServerDetailsTooltip', {
+                                        postProcess: 'sentenceCase',
+                                    }),
+                                }}
                                 variant="subtle"
                                 onClick={() => handleEdit()}
                             >
-                                Edit
+                                {t('common.edit')}
                             </Button>
                         </Group>
                     </Stack>
@@ -95,7 +113,7 @@ export const ServerListItem = ({ server }: ServerListItemProps) => {
                 timeoutProps={{ callback: handleDeleteServer, duration: 1000 }}
                 variant="subtle"
             >
-                Remove server
+                {t('page.manageServers.removeServer', { postProcess: 'sentenceCase' })}
             </TimeoutButton>
         </Stack>
     );

diff --git a/src/renderer/features/shared/components/order-toggle-button.tsx b/src/renderer/features/shared/components/order-toggle-button.tsx
@@ -16,8 +16,8 @@ export const OrderToggleButton = ({ sortOrder, onToggle, buttonProps }: OrderTog
         <Tooltip
             label={
                 sortOrder === SortOrder.ASC
-                    ? t('common.ascending', { postProcess: 'titleCase' })
-                    : t('common.descending', { postProcess: 'titleCase' })
+                    ? t('common.ascending', { postProcess: 'sentenceCase' })
+                    : t('common.descending', { postProcess: 'sentenceCase' })
             }
         >
             <Button

diff --git a/src/renderer/features/songs/components/song-list-header-filters.tsx b/src/renderer/features/songs/components/song-list-header-filters.tsx
@@ -609,7 +609,7 @@ export const SongListHeaderFilters = ({
                             icon={<RiRefreshLine />}
                             onClick={handleRefresh}
                         >
-                            Refresh
+                            {t('common.refresh', { postProcess: 'titleCase' })}
                         </DropdownMenu.Item>
                     </DropdownMenu.Dropdown>
                 </DropdownMenu>