0.0.20

- Return related data on artist/album/track endpoints
- Scrobble table now links to tracks

web/src/Components/ScrobbleTable.js

@@ -1,4 +1,5 @@
 import React from "react";
+import { Link } from 'react-router-dom';
 
 const ScrobbleTable = (props) => {
     return (
@@ -19,11 +20,17 @@ const ScrobbleTable = (props) => {
                   props.data.map(function (element) {
                      let localTime = new Date(element.time);
                      return <tr key={element.uuid}>
-                       <td>{localTime.toLocaleString()}</td>
-                       <td>{element.track}</td>
-                       <td>{element.artist}</td>
-                       <td>{element.album}</td>
-                       <td>{element.source}</td>
+                        <td>{localTime.toLocaleString()}</td>
+                        <td>
+                           <Link
+                               key={element.track.uuid}
+                              to={"/track/"+element.track.uuid}
+                               >{element.track.name}
+                           </Link>
+                        </td>
+                        <td>{element.artist}</td>
+                        <td>{element.album}</td>
+                        <td>{element.source}</td>
                      </tr>;
                   })
               }

web/src/Pages/Profile.js

@@ -24,7 +24,6 @@ const Profile = (route) => {
     getProfile(username)
       .then(data => {
         setProfile(data);
-        console.log(data)
         setLoading(false);
       })
   }, [username])

web/src/Pages/Reset.js

@@ -35,7 +35,6 @@ const Reset = (route) => {
     validateResetPassword(reqToken)
       .then(data => {
         setReset(data);
-        console.log(data)
         setLoading(false);
       })
   }, [reqToken])

web/src/Pages/Track.js

@@ -44,7 +44,7 @@ const Track = (route) => {
   }
 
   let length = "0";
-  if (track.length !== '') {
+  if (track.length && track.length !== '') {
     length = new Date(track.length * 1000).toISOString().substr(11, 8)
   }
 
@@ -57,7 +57,7 @@ const Track = (route) => {
       <div className="pageBody">
         MusicBrainzId: {track.mbid}<br/>
         SpotifyID: {track.spotify_id}<br/>
-        Track Length: {length}
+        Track Length: {length && length}
       </div>
     </div>
   );