From 76fbd358b7d2b5aebfa81b6f96c9f49533cf0fc8 Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Mon, 14 Nov 2016 21:02:46 +1300
Subject: [PATCH] Details fields

---
 src/js/views/Playlist.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/js/views/Playlist.js b/src/js/views/Playlist.js
index 72dee045..692175f0 100755
--- a/src/js/views/Playlist.js
+++ b/src/js/views/Playlist.js
@@ -63,10 +63,12 @@ class Playlist extends React.Component{
 		this.props.spotifyActions.toggleFollowingPlaylist( this.props.params.uri, 'PUT' )
 	}
 
+	// TODO: Once unfollowing occurs, remove playlist from global playlists list
 	unfollow(){
 		this.props.spotifyActions.toggleFollowingPlaylist( this.props.params.uri, 'DELETE' )
 	}
 
+	// TODO: Once deletion occurs, remove playlist from global playlists list
 	delete(){
 		this.props.mopidyActions.deletePlaylist( this.props.params.uri )
 	}
@@ -121,7 +123,7 @@ class Playlist extends React.Component{
 					<ul className="details">
 						<li>{ this.props.playlist.tracks_total } tracks, <Dater type="total-time" data={this.props.playlist.tracks} /></li>
 						{ this.props.playlist.last_modified ? <li>Updated <Dater type="ago" data={this.props.playlist.last_modified} /> ago</li> : null }
-						{ this.props.playlist.followers ? <li>{this.props.playlist.followers.total} followers</li> : null }
+						{ this.props.playlist.followers ? <li>{this.props.playlist.followers.total.toLocaleString()} followers</li> : null }
 						{ scheme == 'spotify' ? <li>By <Link to={'/user/'+this.props.playlist.owner.id}>{this.props.playlist.owner.id}</Link> &nbsp;{ !this.props.playlist.public ? <FontAwesome name="lock" /> : null }</li> : null }
 						{ scheme == 'spotify' ? <li><FontAwesome name="spotify" /> Spotify playlist</li> : null }
 						{ scheme == 'm3u' ? <li><FontAwesome name="folder" /> Local playlist</li> : null }