Update audio.js

audio.js

@@ -15,49 +15,23 @@ function togglePlaylist(event) {
         // Add the song to the playlist
         addToPlaylist(songCard, audioSource);
 
-        // Change the color of the love icon to indicate it's selected
-        loveIcon.classList.add('selected');
+        // Change the love icon to solid
+        loveIcon.classList.remove('far');
+        loveIcon.classList.add('fas');
         songCard.classList.add('song-added');
     } else {
         // Remove the song from the playlist
         removeFromPlaylist(songCard);
 
-        // Change the color of the love icon back to its original color
-        loveIcon.classList.remove('selected');
+        // Change the love icon to hollow
+        loveIcon.classList.remove('fas');
+        loveIcon.classList.add('far');
         songCard.classList.remove('song-added');
     }
 }
 
-function addToPlaylist(songCard, audioSource) {
-    // Create elements for the new song in the playlist
-    const playlist = document.querySelector('.playlist');
+// Rest of the addToPlaylist and removeFromPlaylist functions remain the same
 
-    const newSongDiv = document.createElement('div');
-    newSongDiv.classList.add('song1');
-
-    const newAudio = document.createElement('audio');
-    newAudio.setAttribute('controls', '');
-
-    const audioSourceElem = document.createElement('source');
-    audioSourceElem.setAttribute('src', audioSource);
-    audioSourceElem.setAttribute('type', 'audio/mpeg');
-
-    newAudio.appendChild(audioSourceElem);
-    newSongDiv.appendChild(newAudio);
-
-    // Add the new song to the playlist
-    playlist.appendChild(newSongDiv);
-}
-
-function removeFromPlaylist(songCard) {
-    const playlist = document.querySelector('.playlist');
-    const songEntry = playlist.querySelector('.song1');
-
-    // Remove the song from the playlist
-    if (songEntry) {
-        playlist.removeChild(songEntry);
-    }
-}