Project completed...

VDUCHEW · May 21, 2015 · f2f4806 · f2f4806
1 parent d97963a
commit f2f4806
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 8 deletions.
diff --git a/AlbumDetailScreen.js b/AlbumDetailScreen.js
@@ -22,15 +22,22 @@ function fullSizeUrl(thumbUrl) {
 }
 
 var AlbumDetailScreen = React.createClass({
-
   getInitialState() {
-    return {};
+    return this.computedState();
+  },
+
+  computedState() {
+    return {
+      isFavorite: FavoritesStore.isFavorite(this.props.album)
+    }
   },
 
   componentDidMount() {
     // way of calculating relative size:
     // https://github.com/facebook/react-native/issues/953
     setTimeout(this.measureArtworkContainer);
+
+    FavoritesStore.on(FavoritesStore.CHANGE_EVENT, this.onFavoritesChange);
   },
 
   measureArtworkContainer() {
@@ -39,18 +46,26 @@ var AlbumDetailScreen = React.createClass({
     });
   },
 
+  componentWillUnmount() {
+    FavoritesStore.removeListener(FavoritesStore.CHANGE_EVENT, this.onFavoritesChange);
+  },
+
+  onFavoritesChange() {
+    this.setState(this.computedState());
+  },
+
   onShowMoreButtonPressed() {
     LinkingIOS.openURL(this.props.album.collectionViewUrl);
   },
 
   onFavoriteButtonPressed() {
-
+    FavoritesStore.toggleFavorite(this.props.album);
   },
 
   render() {
     var album = this.props.album;
     var year = yearFromReleaseDate(album.releaseDate);
-    var favoriteButtonText = 'Favorite';
+    var favoriteButtonText = this.state.isFavorite ? 'Unfavorite' : 'Favorite';
     var artworkContainerHeight = this.state.artworkContainerHeight;
 
     return (

diff --git a/FavoritesListScreen.js b/FavoritesListScreen.js
@@ -20,11 +20,13 @@ var FavoritesListScreen = React.createClass({
   },
 
   componentDidMount() {
+    FavoritesStore.on(FavoritesStore.CHANGE_EVENT, this.onFavoritesChange);
 
+    FavoritesStore.loadPersistedFavorites();
   },
 
   componentWillUnmount() {
-
+    FavoritesStore.removeListener(FavoritesStore.CHANGE_EVENT, this.onFavoritesChange);
   },
 
   onFavoritesChange() {

diff --git a/FavoritesStore.js b/FavoritesStore.js
@@ -10,24 +10,59 @@ var {
   AsyncStorage
 } = React;
 
-// You will use it soon
 var STORAGE_KEY = 'iTunesCatalog:Favorites';
 
 var _favorites = {};
 
 var FavoritesStore = assign({}, EventEmitter.prototype, {
 
+  CHANGE_EVENT: 'change',
+
+  loadPersistedFavorites() {
+    AsyncStorage.getItem(STORAGE_KEY)
+      .then((value) => {
+        if (value !== null) {
+          _favorites = JSON.parse(value);
+
+          this.emit(this.CHANGE_EVENT);
+        }
+      })
+      .done();
+  },
+
   getAll() {
-    return [];
+    return Object.keys(_favorites).map(key => _favorites[key]);
   },
 
   isFavorite(album) {
-
+    return _favorites[album.collectionId] !== undefined;
   },
 
   toggleFavorite(album) {
+    if (this.isFavorite(album)) {
+      this.unfavorite(album);
+    } else {
+      this.favorite(album);
+    }
+  },
 
+  favorite(album) {
+    _favorites[album.collectionId] = album;
+
+    this.saveChanges();
+  },
+
+  unfavorite(album) {
+    delete _favorites[album.collectionId];
+
+    this.saveChanges();
   },
+
+  saveChanges() {
+    AsyncStorage.setItem(STORAGE_KEY, JSON.stringify(_favorites)).done();
+
+    this.emit(this.CHANGE_EVENT);
+  }
 });
 
 module.exports = FavoritesStore;