From a1c9604db947cd97a58a5e71dab747e655a9f09f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9goire=20Delattre?= <gregoire.delattre@gmail.com>
Date: Fri, 21 Apr 2017 13:25:42 +0200
Subject: [PATCH 1/2] Fix show wishlist view

---
 src/public/js/app.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/public/js/app.js b/src/public/js/app.js
index 6000e21..c880585 100644
--- a/src/public/js/app.js
+++ b/src/public/js/app.js
@@ -88,7 +88,7 @@ const ShowListPolochon = (props) => (
   <ShowList {...props} showsUrl='/shows/polochon'/>
 )
 const ShowListWishlisted = (props) => (
-  <MovieList {...props} moviesUrl='/wishlist/shows'/>
+  <ShowList {...props} showsUrl='/wishlist/shows'/>
 )
 
 ReactDOM.render((

From 247908b1ba76f68751311e22725b76f40742bd7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9goire=20Delattre?= <gregoire.delattre@gmail.com>
Date: Fri, 21 Apr 2017 17:44:48 +0200
Subject: [PATCH 2/2] Fix state not updating properly in the list view

---
 src/public/js/components/list/posters.js | 49 ++++++++++++++++--------
 1 file changed, 33 insertions(+), 16 deletions(-)

diff --git a/src/public/js/components/list/posters.js b/src/public/js/components/list/posters.js
index 3789dc4..db0ec9c 100644
--- a/src/public/js/components/list/posters.js
+++ b/src/public/js/components/list/posters.js
@@ -9,34 +9,51 @@ import ListPoster from './poster'
 
 import Loader from '../loader/loader'
 
+const DEFAULT_LIST_SIZE = 30;
+const DEFAULT_ADD_EXTRA_ITEMS = 30;
+
 export default class ListPosters extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      items: 30,
-      hasMore: true,
+      items: 0,
+      hasMore: false,
     };
     this.loadMore = this.loadMore.bind(this);
   }
   loadMore() {
-    if (!this.state.hasMore || this.props.data.length === 0) {
-      return
+    // Nothing to do if the app is loading
+    if (this.props.loading) {
+      return;
     }
 
-    const addItems = 30;
-    if (this.state.items + addItems >= this.props.data.length) {
-      this.setState({
-        items: this.props.data.length,
-        hasMore: false,
-      });
-    } else {
-      this.setState({
-        items: this.state.items + addItems,
-        hasMore: true,
-      });
+    if (!this.props.data.length) {
+      return;
+    }
+
+    this.setState(this.getNextState(this.props));
+  }
+  getNextState(props) {
+    let totalListSize = props.data.length;
+    let currentListSize = this.state.items;
+    let nextListSize = currentListSize + DEFAULT_ADD_EXTRA_ITEMS;
+    let hasMore = true;
+
+    if (nextListSize >= totalListSize) {
+      nextListSize = totalListSize;
+      hasMore = false;
+    }
+
+    return {
+      items: nextListSize,
+      hasMore: hasMore,
+    };
+  }
+  componentWillReceiveProps(nextProps) {
+    if (this.props.data.length !== nextProps.data.length) {
+      this.setState(this.getNextState(nextProps));
     }
   }
-
   render() {
     let elmts = this.props.data.slice();
     const listSize = elmts.length;