split lyrics settings by key (#1389)

src/renderer/features/lyrics/unsynchronized-lyrics.tsx

@@ -3,11 +3,12 @@ import { useMemo } from 'react';
 import styles from './unsynchronized-lyrics.module.css';
 
 import { LyricLine } from '/@/renderer/features/lyrics/lyric-line';
-import { useLyricsSettings } from '/@/renderer/store';
+import { useLyricsDisplaySettings, useLyricsSettings } from '/@/renderer/store';
 import { FullLyricsMetadata } from '/@/shared/types/domain-types';
 
 export interface UnsynchronizedLyricsProps extends Omit<FullLyricsMetadata, 'lyrics'> {
     lyrics: string;
+    settingsKey?: string;
     translatedLyrics?: null | string;
 }
 
@@ -16,10 +17,23 @@ export const UnsynchronizedLyrics = ({
     lyrics,
     name,
     remote,
+    settingsKey = 'default',
     source,
     translatedLyrics,
 }: UnsynchronizedLyricsProps) => {
-    const settings = useLyricsSettings();
+    const lyricsSettings = useLyricsSettings();
+    const displaySettings = useLyricsDisplaySettings(settingsKey);
+    const settings = {
+        ...lyricsSettings,
+        fontSizeUnsync:
+            displaySettings.fontSizeUnsync && displaySettings.fontSizeUnsync !== 0
+                ? displaySettings.fontSizeUnsync
+                : 24,
+        gapUnsync:
+            displaySettings.gapUnsync && displaySettings.gapUnsync !== 0
+                ? displaySettings.gapUnsync
+                : 24,
+    };
     const lines = useMemo(() => {
         return lyrics.split('\n');
     }, [lyrics]);