From 6999e2c1d3a9445a72879b7fb47d7f3af34b1d20 Mon Sep 17 00:00:00 2001
From: trekiteasy <dubenjspamster@gmail.com>
Date: Fri, 1 Feb 2019 09:43:31 +0100
Subject: [PATCH] Simplified PlaylistView render

---
 app/components/PlaylistView/index.js | 39 ++++++++++++++--------------
 1 file changed, 20 insertions(+), 19 deletions(-)

diff --git a/app/components/PlaylistView/index.js b/app/components/PlaylistView/index.js
index d6d9edb0a7..f4d31570e8 100644
--- a/app/components/PlaylistView/index.js
+++ b/app/components/PlaylistView/index.js
@@ -107,6 +107,25 @@ class PlaylistView extends React.Component {
       </thead>);
   }
 
+  renderTrack (track, index) {
+    const newTrack = _.cloneDeep(track);
+    _.set(newTrack, 'artist.name', newTrack.artist);
+    _.set(newTrack, 'image[0][\'#text\']', newTrack.thumbnail);
+    return (< TrackRow
+      key={'playlist-track-row-' + index}
+      track={newTrack}
+      index={'playlist-track-' + index}
+      clearQueue={this.props.clearQueue}
+      addToQueue={this.props.addToQueue}
+      startPlayback={this.props.startPlayback}
+      selectSong={this.props.selectSong}
+      musicSources={this.props.musicSources}
+      displayCover
+      displayArtist
+    />
+    );
+  }
+
   render () {
     let { playlist } = this.props;
     return (
@@ -117,25 +136,7 @@ class PlaylistView extends React.Component {
             <table>
               {this.renderPlaylistTracksHeader()}
               <tbody>
-                {playlist.tracks.map((track, index) => {
-                  const newTrack = _.cloneDeep(track);
-                  _.set(newTrack, 'artist.name', newTrack.artist);
-                  _.set(newTrack, 'image[0][\'#text\']', newTrack.thumbnail);
-                  return (< TrackRow
-                    key={'playlist-track-row-' + index}
-                    track={newTrack}
-                    index={'playlist-track-' + index}
-                    clearQueue={this.props.clearQueue}
-                    addToQueue={this.props.addToQueue}
-                    startPlayback={this.props.startPlayback}
-                    selectSong={this.props.selectSong}
-                    musicSources={this.props.musicSources}
-                    displayCover
-                    displayArtist
-                  />
-                  );
-                })
-                }
+                {playlist.tracks.map((track, index) => this.renderTrack(track, index))}
               </tbody>
             </table>
           </div>