Simplified PlaylistView render

kkkman22 · Feb 1, 2019 · 6999e2c · 6999e2c
1 parent d82352a
commit 6999e2c
Showing 1 changed file with 20 additions and 19 deletions.
diff --git 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>