From cbefaf49cf1e22cda759ce43200dfa9273c4a0ac Mon Sep 17 00:00:00 2001
From: Xoconoch <github@cordovault.com>
Date: Wed, 13 Aug 2025 21:27:18 -0600
Subject: [PATCH] Added spotify metadata to UI

---
 .../src/components/config/FormattingTab.tsx   |  5 +++
 .../src/contexts/SettingsProvider.tsx         |  2 +
 spotizerr-ui/src/contexts/settings-context.ts |  1 +
 spotizerr-ui/src/types/settings.ts            | 38 -------------------
 4 files changed, 8 insertions(+), 38 deletions(-)
 delete mode 100644 spotizerr-ui/src/types/settings.ts

diff --git a/spotizerr-ui/src/components/config/FormattingTab.tsx b/spotizerr-ui/src/components/config/FormattingTab.tsx
index d25527d..31234e0 100644
--- a/spotizerr-ui/src/components/config/FormattingTab.tsx
+++ b/spotizerr-ui/src/components/config/FormattingTab.tsx
@@ -15,6 +15,7 @@ interface FormattingSettings {
   playlist: string;
   compilation: string;
   artistSeparator: string;
+  spotifyMetadata: boolean;
 }
 
 interface FormattingTabProps {
@@ -177,6 +178,10 @@ export function FormattingTab({ config, isLoading }: FormattingTabProps) {
           <label htmlFor="saveCoverToggle" className="text-content-primary dark:text-content-primary-dark">Save Album Cover</label>
           <input id="saveCoverToggle" type="checkbox" {...register("saveCover")} className="h-6 w-6 rounded" />
         </div>
+        <div className="flex items-center justify-between">
+          <label htmlFor="spotifyMetadataToggle" className="text-content-primary dark:text-content-primary-dark">Use Spotify metadata in Deezer fallback</label>
+          <input id="spotifyMetadataToggle" type="checkbox" {...register("spotifyMetadata")} className="h-6 w-6 rounded" />
+        </div>
       </div>
 
       <button
diff --git a/spotizerr-ui/src/contexts/SettingsProvider.tsx b/spotizerr-ui/src/contexts/SettingsProvider.tsx
index 4704599..79c1f4e 100644
--- a/spotizerr-ui/src/contexts/SettingsProvider.tsx
+++ b/spotizerr-ui/src/contexts/SettingsProvider.tsx
@@ -60,6 +60,7 @@ export type FlatAppSettings = {
   playlist: string;
   compilation: string;
   artistSeparator: string;
+  spotifyMetadata: boolean;
 };
 
 const defaultSettings: FlatAppSettings = {
@@ -95,6 +96,7 @@ const defaultSettings: FlatAppSettings = {
   playlist: "Playlists/{playlist_name}",
   compilation: "Compilations/{album_name}",
   artistSeparator: "; ",
+  spotifyMetadata: true,
   watch: {
     enabled: false,
   },
diff --git a/spotizerr-ui/src/contexts/settings-context.ts b/spotizerr-ui/src/contexts/settings-context.ts
index f09eda3..1f0c800 100644
--- a/spotizerr-ui/src/contexts/settings-context.ts
+++ b/spotizerr-ui/src/contexts/settings-context.ts
@@ -33,6 +33,7 @@ export interface AppSettings {
   playlist: string;
   compilation: string;
   artistSeparator: string;
+  spotifyMetadata: boolean;
   watch: {
     enabled: boolean;
     // Add other watch properties from the old type if they still exist in the API response
diff --git a/spotizerr-ui/src/types/settings.ts b/spotizerr-ui/src/types/settings.ts
deleted file mode 100644
index cc9031f..0000000
--- a/spotizerr-ui/src/types/settings.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-// This new type reflects the flat structure of the /api/config response
-export interface AppSettings {
-  service: "spotify" | "deezer";
-  spotify: string;
-  spotifyQuality: "NORMAL" | "HIGH" | "VERY_HIGH";
-  deezer: string;
-  deezerQuality: "MP3_128" | "MP3_320" | "FLAC";
-  maxConcurrentDownloads: number;
-  realTime: boolean;
-  fallback: boolean;
-  convertTo: "MP3" | "AAC" | "OGG" | "OPUS" | "FLAC" | "WAV" | "ALAC" | "";
-  bitrate: string;
-  maxRetries: number;
-  retryDelaySeconds: number;
-  retryDelayIncrease: number;
-  customDirFormat: string;
-  customTrackFormat: string;
-  tracknumPadding: boolean;
-  saveCover: boolean;
-  explicitFilter: boolean;
-  // Properties from the old 'downloads' object
-  threads: number;
-  path: string;
-  skipExisting: boolean;
-  m3u: boolean;
-  hlsThreads: number;
-  // Properties from the old 'formatting' object
-  track: string;
-  album: string;
-  playlist: string;
-  compilation: string;
-  artistSeparator: string;
-  watch: {
-    enabled: boolean;
-    // Add other watch properties from the old type if they still exist in the API response
-  };
-  // Add other root-level properties from the API if they exist
-}