Fix translation keys on full screen player

This commit is contained in:
jeffvli 2023-10-31 04:17:15 -07:00
parent cd3ec158d3
commit 401912a70c
2 changed files with 16 additions and 14 deletions

View file

@ -65,23 +65,25 @@ export const FullScreenPlayerQueue = () => {
{ {
active: activeTab === 'queue', active: activeTab === 'queue',
icon: <RiFileMusicLine size="1.5rem" />, icon: <RiFileMusicLine size="1.5rem" />,
label: t('page.fullScreenPlayer.upNext'), label: t('page.fullscreenPlayer.upNext'),
onClick: () => setStore({ activeTab: 'queue' }), onClick: () => setStore({ activeTab: 'queue' }),
}, },
{ {
active: activeTab === 'related', active: activeTab === 'related',
icon: <HiOutlineQueueList size="1.5rem" />, icon: <HiOutlineQueueList size="1.5rem" />,
label: t('page.fullScreenPlayer.related'), label: t('page.fullscreenPlayer.related'),
onClick: () => setStore({ activeTab: 'related' }), onClick: () => setStore({ activeTab: 'related' }),
}, },
{ {
active: activeTab === 'lyrics', active: activeTab === 'lyrics',
icon: <RiFileTextLine size="1.5rem" />, icon: <RiFileTextLine size="1.5rem" />,
label: t('page.fullScreenPlayer.lyrics'), label: t('page.fullscreenPlayer.lyrics'),
onClick: () => setStore({ activeTab: 'lyrics' }), onClick: () => setStore({ activeTab: 'lyrics' }),
}, },
]; ];
console.log('opacity', opacity);
return ( return (
<GridContainer <GridContainer
className="full-screen-player-queue-container" className="full-screen-player-queue-container"

View file

@ -126,7 +126,7 @@ const Controls = () => {
<Popover.Dropdown> <Popover.Dropdown>
<Option> <Option>
<Option.Label> <Option.Label>
{t('page.fullscreenPlayer.dynamicBackground', { {t('page.fullscreenPlayer.config.dynamicBackground', {
postProcess: 'sentenceCase', postProcess: 'sentenceCase',
})} })}
</Option.Label> </Option.Label>
@ -144,7 +144,7 @@ const Controls = () => {
{dynamicBackground && ( {dynamicBackground && (
<Option> <Option>
<Option.Label> <Option.Label>
{t('page.fullscreenPlayer.opacity', { {t('page.fullscreenPlayer.config.opacity', {
postProcess: 'sentenceCase', postProcess: 'sentenceCase',
})} })}
</Option.Label> </Option.Label>
@ -162,7 +162,7 @@ const Controls = () => {
)} )}
<Option> <Option>
<Option.Label> <Option.Label>
{t('page.fullscreenPlayer.useImageAspectRatio', { {t('page.fullscreenPlayer.config.useImageAspectRatio', {
postProcess: 'sentenceCase', postProcess: 'sentenceCase',
})} })}
</Option.Label> </Option.Label>
@ -180,7 +180,7 @@ const Controls = () => {
<Divider my="sm" /> <Divider my="sm" />
<Option> <Option>
<Option.Label> <Option.Label>
{t('page.fullscreenPlayer.followCurrentLyric', { {t('page.fullscreenPlayer.config.followCurrentLyric', {
postProcess: 'sentenceCase', postProcess: 'sentenceCase',
})} })}
</Option.Label> </Option.Label>
@ -195,7 +195,7 @@ const Controls = () => {
</Option> </Option>
<Option> <Option>
<Option.Label> <Option.Label>
{t('page.fullscreenPlayer.showLyricProvider', { {t('page.fullscreenPlayer.config.showLyricProvider', {
postProcess: 'sentenceCase', postProcess: 'sentenceCase',
})} })}
</Option.Label> </Option.Label>
@ -210,7 +210,7 @@ const Controls = () => {
</Option> </Option>
<Option> <Option>
<Option.Label> <Option.Label>
{t('page.fullscreenPlayer.showLyricMatch', { {t('page.fullscreenPlayer.config.showLyricMatch', {
postProcess: 'sentenceCase', postProcess: 'sentenceCase',
})} })}
</Option.Label> </Option.Label>
@ -225,7 +225,7 @@ const Controls = () => {
</Option> </Option>
<Option> <Option>
<Option.Label> <Option.Label>
{t('page.fullscreenPlayer.lyric', { {t('page.fullscreenPlayer.config.lyric', {
postProcess: 'sentenceCase', postProcess: 'sentenceCase',
})} })}
</Option.Label> </Option.Label>
@ -237,7 +237,7 @@ const Controls = () => {
<Slider <Slider
defaultValue={lyricConfig.fontSize} defaultValue={lyricConfig.fontSize}
label={(e) => label={(e) =>
`${t('page.fullscreenPlayer.synchronized', { `${t('page.fullscreenPlayer.config.synchronized', {
postProcess: 'titleCase', postProcess: 'titleCase',
})}: ${e}px` })}: ${e}px`
} }
@ -249,7 +249,7 @@ const Controls = () => {
<Slider <Slider
defaultValue={lyricConfig.fontSize} defaultValue={lyricConfig.fontSize}
label={(e) => label={(e) =>
`${t('page.fullscreenPlayer.unsynchronized', { `${t('page.fullscreenPlayer.config.unsynchronized', {
postProcess: 'sentenceCase', postProcess: 'sentenceCase',
})}: ${e}px` })}: ${e}px`
} }
@ -265,7 +265,7 @@ const Controls = () => {
</Option> </Option>
<Option> <Option>
<Option.Label> <Option.Label>
{t('page.fullscreenPlayer.lyricGap', { {t('page.fullscreenPlayer.config.lyricGap', {
postProcess: 'sentenceCase', postProcess: 'sentenceCase',
})} })}
</Option.Label> </Option.Label>
@ -297,7 +297,7 @@ const Controls = () => {
</Option> </Option>
<Option> <Option>
<Option.Label> <Option.Label>
{t('page.fullscreenPlayer.lyricAlignment', { {t('page.fullscreenPlayer.config.lyricAlignment', {
postProcess: 'sentenceCase', postProcess: 'sentenceCase',
})} })}
</Option.Label> </Option.Label>