displays (poorly) the selected customer and movie, although, no way t…

…o deselect other than pick a new customer, WHICH COULD BE A FEATURE NOT A BUG

src/components/NavBar.js

@@ -29,6 +29,7 @@ class NavBar extends Component {
         this.setState({
             selectedCustomer: customer
         });
+        console.log(customer.name)
     }
 
     onSelectMovie = (movieId) => {
@@ -80,13 +81,27 @@ class NavBar extends Component {
 
 
   render() {
+    const customerSelected = (this.state.selectedCustomer) ? 
+    (<section>
+       <p>selected customer is: {this.state.selectedCustomer.name}</p>
+     </section>) : null;
+
+    const movieSelected = (this.state.selectedMovie) ? 
+    (<section>
+       <p>selected movie is: {this.state.selectedMovie.title}</p>
+     </section>) : null;
+
     return (
     <Router>
       <div>
         <li>{this.props.allMovies} </li>
         <li>{this.props.allCustomers}</li>
         <li>{this.props.search}</li>
       </div>
+      <div>
+        { customerSelected }
+        { movieSelected }
+      </div>
       <Route path="/customers/" render={(props) => (
           <CustomerCollection 
           onSelectCustomerCallback={this.onSelectCustomer}