Fix translation keys on full screen player
This commit is contained in:
parent
cd3ec158d3
commit
401912a70c
2 changed files with 16 additions and 14 deletions
|
@ -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"
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Reference in a new issue