diff --git a/src/components/NavBar.js b/src/components/NavBar.js
index 640c1d332..2ff47ca16 100644
--- a/src/components/NavBar.js
+++ b/src/components/NavBar.js
@@ -29,6 +29,7 @@ class NavBar extends Component {
         this.setState({
             selectedCustomer: customer
         });
+        console.log(customer.name)
     }
 
     onSelectMovie = (movieId) => {
@@ -80,6 +81,16 @@ 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>
@@ -87,6 +98,10 @@ class NavBar extends Component {
         <li>{this.props.allCustomers}</li>
         <li>{this.props.search}</li>
       </div>
+      <div>
+        { customerSelected }
+        { movieSelected }
+      </div>
       <Route path="/customers/" render={(props) => (
           <CustomerCollection 
           onSelectCustomerCallback={this.onSelectCustomer}