From 5bb028d15398cc783c6eb23ebc4c631307ba28d0 Mon Sep 17 00:00:00 2001
From: SamidyFR <168582143+SamidyFR@users.noreply.github.com>
Date: Sun, 11 Jan 2026 23:34:32 +0000
Subject: [PATCH] style: auto-fix linting issues

---
 index.html | 20 ++++++++++----------
 js/api.js  |  9 +++------
 js/ui.js   | 10 ++++++++--
 3 files changed, 21 insertions(+), 18 deletions(-)

diff --git a/index.html b/index.html
index d9fd39d..3977a6b 100644
--- a/index.html
+++ b/index.html
@@ -799,18 +799,18 @@
                             </div>
                         </div>
                     </header>
-                <div id="playlist-detail-tracklist" class="track-list"></div>
+                    <div id="playlist-detail-tracklist" class="track-list"></div>
 
-                <section
-                    class="content-section"
-                    id="playlist-section-recommended"
-                    style="display: none; margin-top: 3rem"
-                >
-                    <h2 class="section-title">Recommended Songs</h2>
-                    <p style="color: grey; margin-bottom: 15px;">Suggested Songs From Your Playlist.</p>
-                    <div class="track-list" id="playlist-detail-recommended"></div>
+                    <section
+                        class="content-section"
+                        id="playlist-section-recommended"
+                        style="display: none; margin-top: 3rem"
+                    >
+                        <h2 class="section-title">Recommended Songs</h2>
+                        <p style="color: grey; margin-bottom: 15px">Suggested Songs From Your Playlist.</p>
+                        <div class="track-list" id="playlist-detail-recommended"></div>
+                    </section>
                 </section>
-            </section>
 
                 <section id="page-mix" class="page">
                     <header class="detail-header">
diff --git a/js/api.js b/js/api.js
index 6390509..eb978ec 100644
--- a/js/api.js
+++ b/js/api.js
@@ -742,7 +742,7 @@ export class LosslessAPI {
         }
 
         const recommendedTracks = [];
-        const seenTrackIds = new Set(tracks.map(t => t.id));
+        const seenTrackIds = new Set(tracks.map((t) => t.id));
 
         const artistsToProcess = artists.slice(0, Math.min(5, artists.length));
         console.log(`Processing ${artistsToProcess.length} artists for recommendations`);
@@ -752,14 +752,11 @@ export class LosslessAPI {
                 console.log(`Fetching tracks for artist: ${artist.name} (ID: ${artist.id})`);
                 const artistData = await this.getArtist(artist.id);
                 if (artistData && artistData.tracks && artistData.tracks.length > 0) {
-
-                    const newTracks = artistData.tracks
-                        .filter(track => !seenTrackIds.has(track.id))
-                        .slice(0, 4);
+                    const newTracks = artistData.tracks.filter((track) => !seenTrackIds.has(track.id)).slice(0, 4);
 
                     console.log(`Found ${newTracks.length} new tracks from ${artist.name}`);
                     recommendedTracks.push(...newTracks);
-                    seenTrackIds.add(...newTracks.map(t => t.id));
+                    seenTrackIds.add(...newTracks.map((t) => t.id));
                 } else {
                     console.warn(`No tracks found for artist ${artist.name}`);
                 }
diff --git a/js/ui.js b/js/ui.js
index 55f1cfe..287a048 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -1196,7 +1196,8 @@ export class UIRenderer {
                         const addToPlaylistBtn = document.createElement('button');
                         addToPlaylistBtn.className = 'track-action-btn add-to-playlist-btn';
                         addToPlaylistBtn.title = 'Add to this playlist';
-                        addToPlaylistBtn.innerHTML = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"/><path d="M5 12h14"/></svg>';
+                        addToPlaylistBtn.innerHTML =
+                            '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"/><path d="M5 12h14"/></svg>';
                         addToPlaylistBtn.onclick = async (e) => {
                             e.stopPropagation();
                             const trackData = trackDataStore.get(item);
@@ -1222,7 +1223,12 @@ export class UIRenderer {
                                             this.renderListWithTracks(tracklistContainer, updatedPlaylist.tracks, true);
 
                                             if (document.querySelector('.remove-from-playlist-btn')) {
-                                                this.enableTrackReordering(tracklistContainer, updatedPlaylist.tracks, playlistId, syncManager);
+                                                this.enableTrackReordering(
+                                                    tracklistContainer,
+                                                    updatedPlaylist.tracks,
+                                                    playlistId,
+                                                    syncManager
+                                                );
                                             }
 
                                             // Update the playlist metadata