Added a message for when there are no movies in the wish list so far …

…and link to go to the Browse List to add some
erin-doyle · Aug 11, 2018 · ce3c86c · ce3c86c
1 parent 6426813
commit ce3c86c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/wishlist/MovieEditor.js b/src/wishlist/MovieEditor.js
@@ -53,7 +53,7 @@ class MovieEditor extends Component {
                             <div className="modal-body">
                                 <div className="form-group">
                                     <label>Notes:</label>
-                                    <textarea class="form-control" value={notes} onChange={this.handleChangeNotes} />
+                                    <textarea className="form-control" value={notes} onChange={this.handleChangeNotes} />
                                 </div>
                             </div>
                             <div className="modal-footer">

diff --git a/src/wishlist/MovieWishlist.js b/src/wishlist/MovieWishlist.js
@@ -76,7 +76,7 @@ class MovieWishlist extends Component {
                     </li>
                 </ul>
 
-                {wishlist.length
+                {Object.keys(wishlist).length
                     ? <div>
                         <WishList
                             movieList={wishlist}

diff --git a/src/wishlist/getWishlistActions.js b/src/wishlist/getWishlistActions.js
@@ -9,7 +9,7 @@ const getMovieActions = (showEditor, setAsWatched, setAsUnwatched, handleRemove)
         const removeClickHandler = () => handleRemove(movieId);
 
         return (
-            <div class="btn-group">
+            <div className="btn-group">
                 <button className="btn btn-secondary" onClick={watchClickHandler}>{watchButtonText}</button>
                 <button className="btn btn-secondary" onClick={editClickHandler}>Edit</button>
                 <button className="btn btn-secondary" onClick={removeClickHandler}>Remove</button>