For You !

Author: dfejgelis

config.dev.js

@@ -1,7 +1,8 @@
 const config = {
   initialRoute: {
     id: 'welcome',
-    title: 'We know you better than you do',
+    // id: 'loginSpotify',
+    title: 'For you!',
   },
   spotify: {
     clientId: '5f8143a295f04c2c99eee060120bb98d',

src/assets/img/logo.jpg

@@ -20,10 +20,10 @@ class SpotifyStore {
     this.playlist = null
 
     // TODO :: Remove
-    this.artists = MockedArtists
-    this.relatedArtists = MockedRelatedArtists
-    this.topTracks = MockedTopTracks
-    this.playlist = MockedPlaylist
+    // this.artists = MockedArtists
+    // this.relatedArtists = MockedRelatedArtists
+    // this.topTracks = MockedTopTracks
+    // this.playlist = MockedPlaylist
 
     this.errorMessage = null
     this.access_token
@@ -163,11 +163,13 @@ class SpotifyStore {
     const name = options[0]
     const tracks = options[1]
 
-    // SpotifyConnect.createPlaylist(name, this.me.id)
-    //   .catch((error) => this.errorMessage = error)
-    //   .then((playlist) => {
-    //     this.playlist = playlist
-    //   })
+    SpotifyConnect.createPlaylist(name, this.me.id)
+      .catch((error) => this.createPlaylistFailed(error))
+      .then((playlist) => {
+        this.playlist = playlist
+        this._addTracksToPlaylist(tracks)
+      })
+  }
 
     const tracksURIs = tracks.map((track) => track.uri)
 
@@ -180,7 +182,7 @@ class SpotifyStore {
   }
 
   createPlaylistSuccess(data) {
-    const playlist = this.state.playlist
+    const playlist = this.playlist
     playlist.tracks.items = data
     this.setState({ errorMessage: null, playlist: playlist })
   }

src/assets/img/logo.png

@@ -16,18 +16,21 @@ export default class CreatePlaylist extends ViewBase {
     this.state = {
       topTracks: [],
       errorMessage: null,
-      playlist: null,
     }
   }
 
   _createPlaylist() {
     // Get current user owner
-    SpotifyActions.createPlaylist("My awesome playlist", this.state.topTracks)
+    this.props.navigator.push({
+      id: 'enjoyPlaylist',
+      title: 'Enjoy your awesome playlist',
+    })
   }
 
   componentDidMount() {
     SpotifyStore.listen(this.onChange.bind(this))
     SpotifyActions.fetchTopTracks()
+    // this.onChange()
   }
 
   componentWillUnmount() {
@@ -40,7 +43,6 @@ export default class CreatePlaylist extends ViewBase {
     this.setState({
       errorMessage: state.errorMessage,
       topTracks: state.topTracks,
-      playlist: state.playlist,
     })
   }