From 2811c4fa16f61f75770a38d0f928995a483fe921 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9goire=20Delattre?= <gregoire.delattre@gmail.com>
Date: Wed, 22 Mar 2017 14:36:13 +0100
Subject: [PATCH] Don't display the movies/shows menu if not logged

---
 src/public/js/components/navbar.js | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/public/js/components/navbar.js b/src/public/js/components/navbar.js
index 8ffe84a..29961f9 100644
--- a/src/public/js/components/navbar.js
+++ b/src/public/js/components/navbar.js
@@ -17,9 +17,9 @@ export default function NavBar(props) {
           <Navbar.Toggle />
         </Navbar.Header>
         <Navbar.Collapse>
-          <MoviesDropdown />
-          <ShowsDropdown />
-          <WishlistDropdown />
+          <MoviesDropdown username={props.userStore.username} />
+          <ShowsDropdown username={props.userStore.username} />
+          <WishlistDropdown username={props.userStore.username} />
           <UserDropdown
             username={props.userStore.username}
             logout={props.userLogout}
@@ -79,6 +79,9 @@ class Search extends React.Component {
 }
 
 function MoviesDropdown(props) {
+  if (props.username === "") {
+    return null;
+  }
   return(
     <Nav>
       <NavDropdown title="Movies" id="navbar-movies-dropdown">
@@ -94,6 +97,9 @@ function MoviesDropdown(props) {
 }
 
 function ShowsDropdown(props) {
+  if (props.username === "") {
+    return null;
+  }
   return(
     <Nav>
       <NavDropdown title="Shows" id="navbar-shows-dropdown">
@@ -137,6 +143,9 @@ function UserDropdown(props) {
 }
 
 function WishlistDropdown(props) {
+  if (props.username === "") {
+    return null;
+  }
   return(
     <Nav>
       <NavDropdown title="Wishlist" id="navbar-wishlit-dropdown">