added error handling

src/assets/js/section.songdetail.js

@@ -20,7 +20,12 @@ function SongDetailLoad(songId) {
     DOMSongDetail.classList.remove("active");
     DOMSongDetailActions.classList.remove("active");
 
-    api.getSongDetail(songId).then(function(songData) {
+    api.getSongDetail(songId).then(function(apiResponse) {
+        let songData = apiResponse.data;
+
+        if(apiResponse.status == 404) {
+            NavigateToSection(6);
+        } else {
             DOMSongDetail.classList.add("active");
             DOMSongDetailActions.classList.add("active");
 
@@ -44,9 +49,13 @@ function SongDetailLoad(songId) {
                     DOMSongTags.appendChild(newTag);
                 }
             });
+        }
 
         currentSongId = songId;
         currentSongData = songData;
+    }).catch(function(error) {
+        console.error(error);
+        NavigateToSection(5);
     });
 }