From 401912a70c3eeac9482aa7807363f304b32e3e13 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 31 Oct 2023 04:17:15 -0700
Subject: [PATCH] Fix translation keys on full screen player

---
 .../components/full-screen-player-queue.tsx   |  8 ++++---
 .../player/components/full-screen-player.tsx  | 22 +++++++++----------
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/renderer/features/player/components/full-screen-player-queue.tsx b/src/renderer/features/player/components/full-screen-player-queue.tsx
index 510a41b4c..031c4ea28 100644
--- a/src/renderer/features/player/components/full-screen-player-queue.tsx
+++ b/src/renderer/features/player/components/full-screen-player-queue.tsx
@@ -65,23 +65,25 @@ export const FullScreenPlayerQueue = () => {
         {
             active: activeTab === 'queue',
             icon: <RiFileMusicLine size="1.5rem" />,
-            label: t('page.fullScreenPlayer.upNext'),
+            label: t('page.fullscreenPlayer.upNext'),
             onClick: () => setStore({ activeTab: 'queue' }),
         },
         {
             active: activeTab === 'related',
             icon: <HiOutlineQueueList size="1.5rem" />,
-            label: t('page.fullScreenPlayer.related'),
+            label: t('page.fullscreenPlayer.related'),
             onClick: () => setStore({ activeTab: 'related' }),
         },
         {
             active: activeTab === 'lyrics',
             icon: <RiFileTextLine size="1.5rem" />,
-            label: t('page.fullScreenPlayer.lyrics'),
+            label: t('page.fullscreenPlayer.lyrics'),
             onClick: () => setStore({ activeTab: 'lyrics' }),
         },
     ];
 
+    console.log('opacity', opacity);
+
     return (
         <GridContainer
             className="full-screen-player-queue-container"
diff --git a/src/renderer/features/player/components/full-screen-player.tsx b/src/renderer/features/player/components/full-screen-player.tsx
index e63b7b118..af1bb4c90 100644
--- a/src/renderer/features/player/components/full-screen-player.tsx
+++ b/src/renderer/features/player/components/full-screen-player.tsx
@@ -126,7 +126,7 @@ const Controls = () => {
                 <Popover.Dropdown>
                     <Option>
                         <Option.Label>
-                            {t('page.fullscreenPlayer.dynamicBackground', {
+                            {t('page.fullscreenPlayer.config.dynamicBackground', {
                                 postProcess: 'sentenceCase',
                             })}
                         </Option.Label>
@@ -144,7 +144,7 @@ const Controls = () => {
                     {dynamicBackground && (
                         <Option>
                             <Option.Label>
-                                {t('page.fullscreenPlayer.opacity', {
+                                {t('page.fullscreenPlayer.config.opacity', {
                                     postProcess: 'sentenceCase',
                                 })}
                             </Option.Label>
@@ -162,7 +162,7 @@ const Controls = () => {
                     )}
                     <Option>
                         <Option.Label>
-                            {t('page.fullscreenPlayer.useImageAspectRatio', {
+                            {t('page.fullscreenPlayer.config.useImageAspectRatio', {
                                 postProcess: 'sentenceCase',
                             })}
                         </Option.Label>
@@ -180,7 +180,7 @@ const Controls = () => {
                     <Divider my="sm" />
                     <Option>
                         <Option.Label>
-                            {t('page.fullscreenPlayer.followCurrentLyric', {
+                            {t('page.fullscreenPlayer.config.followCurrentLyric', {
                                 postProcess: 'sentenceCase',
                             })}
                         </Option.Label>
@@ -195,7 +195,7 @@ const Controls = () => {
                     </Option>
                     <Option>
                         <Option.Label>
-                            {t('page.fullscreenPlayer.showLyricProvider', {
+                            {t('page.fullscreenPlayer.config.showLyricProvider', {
                                 postProcess: 'sentenceCase',
                             })}
                         </Option.Label>
@@ -210,7 +210,7 @@ const Controls = () => {
                     </Option>
                     <Option>
                         <Option.Label>
-                            {t('page.fullscreenPlayer.showLyricMatch', {
+                            {t('page.fullscreenPlayer.config.showLyricMatch', {
                                 postProcess: 'sentenceCase',
                             })}
                         </Option.Label>
@@ -225,7 +225,7 @@ const Controls = () => {
                     </Option>
                     <Option>
                         <Option.Label>
-                            {t('page.fullscreenPlayer.lyric', {
+                            {t('page.fullscreenPlayer.config.lyric', {
                                 postProcess: 'sentenceCase',
                             })}
                         </Option.Label>
@@ -237,7 +237,7 @@ const Controls = () => {
                                 <Slider
                                     defaultValue={lyricConfig.fontSize}
                                     label={(e) =>
-                                        `${t('page.fullscreenPlayer.synchronized', {
+                                        `${t('page.fullscreenPlayer.config.synchronized', {
                                             postProcess: 'titleCase',
                                         })}: ${e}px`
                                     }
@@ -249,7 +249,7 @@ const Controls = () => {
                                 <Slider
                                     defaultValue={lyricConfig.fontSize}
                                     label={(e) =>
-                                        `${t('page.fullscreenPlayer.unsynchronized', {
+                                        `${t('page.fullscreenPlayer.config.unsynchronized', {
                                             postProcess: 'sentenceCase',
                                         })}: ${e}px`
                                     }
@@ -265,7 +265,7 @@ const Controls = () => {
                     </Option>
                     <Option>
                         <Option.Label>
-                            {t('page.fullscreenPlayer.lyricGap', {
+                            {t('page.fullscreenPlayer.config.lyricGap', {
                                 postProcess: 'sentenceCase',
                             })}
                         </Option.Label>
@@ -297,7 +297,7 @@ const Controls = () => {
                     </Option>
                     <Option>
                         <Option.Label>
-                            {t('page.fullscreenPlayer.lyricAlignment', {
+                            {t('page.fullscreenPlayer.config.lyricAlignment', {
                                 postProcess: 'sentenceCase',
                             })}
                         </Option.Label>