From 4a497b024ee2efd8b9417e87c2b0fb8c7170b8eb Mon Sep 17 00:00:00 2001
From: Lucas BEE <pouulet@gmail.com>
Date: Wed, 22 Mar 2017 13:16:14 +0000
Subject: [PATCH] Add wishlist pages in navbar

---
 src/public/js/app.js               |  8 ++++++++
 src/public/js/components/navbar.js | 16 ++++++++++++++++
 2 files changed, 24 insertions(+)

diff --git a/src/public/js/app.js b/src/public/js/app.js
index 6baf48a..5bde321 100644
--- a/src/public/js/app.js
+++ b/src/public/js/app.js
@@ -83,6 +83,9 @@ const MovieListPopular = (props) => (
 const MovieListPolochon = (props) => (
   <MovieList {...props} moviesUrl='/movies/polochon'/>
 )
+const MovieListWishlisted = (props) => (
+  <MovieList {...props} moviesUrl='/wishlist/movies'/>
+)
 const MovieListSearch = (props) => (
   <MovieList {...props} />
 )
@@ -93,6 +96,9 @@ const ShowListPopular = (props) => (
 const ShowListPolochon = (props) => (
   <ShowList {...props} showsUrl='/shows/polochon'/>
 )
+const ShowListWishlisted = (props) => (
+  <MovieList {...props} moviesUrl='/wishlist/shows'/>
+)
 const ShowDetailsView = (props) => (
   <ShowDetails {...props} />
 )
@@ -111,9 +117,11 @@ ReactDOM.render((
         <Route path="/movies/search/:search" component={UserIsAuthenticated(MovieListSearch)} />
         <Route path="/movies/popular" component={UserIsAuthenticated(MovieListPopular)} />
         <Route path="/movies/polochon" component={UserIsAuthenticated(MovieListPolochon)} />
+        <Route path="/movies/wishlist" component={UserIsAuthenticated(MovieListWishlisted)} />
         <Route path="/shows/search/:search" component={UserIsAuthenticated(ShowListSearch)} />
         <Route path="/shows/popular" component={UserIsAuthenticated(ShowListPopular)} />
         <Route path="/shows/polochon" component={UserIsAuthenticated(ShowListPolochon)} />
+        <Route path="/shows/wishlist" component={UserIsAuthenticated(ShowListWishlisted)} />
         <Route path="/shows/details/:imdbId" component={UserIsAuthenticated(ShowDetailsView)} />
       </Route>
     </Router>
diff --git a/src/public/js/components/navbar.js b/src/public/js/components/navbar.js
index c04e49d..8ffe84a 100644
--- a/src/public/js/components/navbar.js
+++ b/src/public/js/components/navbar.js
@@ -19,6 +19,7 @@ export default function NavBar(props) {
         <Navbar.Collapse>
           <MoviesDropdown />
           <ShowsDropdown />
+          <WishlistDropdown />
           <UserDropdown
             username={props.userStore.username}
             logout={props.userLogout}
@@ -134,3 +135,18 @@ function UserDropdown(props) {
     );
   }
 }
+
+function WishlistDropdown(props) {
+  return(
+    <Nav>
+      <NavDropdown title="Wishlist" id="navbar-wishlit-dropdown">
+        <LinkContainer to="/movies/wishlist">
+          <MenuItem>Movies</MenuItem>
+        </LinkContainer>
+        <LinkContainer to="/shows/wishlist">
+          <MenuItem>Shows</MenuItem>
+        </LinkContainer>
+      </NavDropdown>
+    </Nav>
+  );
+}