refactored app to use react-router

aribray · Jun 26, 2019 · 3191328 · 3191328
1 parent ff5ff00
commit 3191328
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 11 deletions.
diff --git a/src/App.js b/src/App.js
@@ -46,15 +46,29 @@ class App extends Component {
   render() {
     return (
       <div>
-        <header>
-          {/* <Search /> */}
-          <button onClick={this.showMovieToggle}>Show Movies</button>
-          <button onClick={this.showCustomerToggle}>Show Customers</button>
-        </header>
-        <main>
-          {this.state.showCustomers && <CustomerList />}
-          {this.state.showMovies && <RentalLibrary />}
-        </main>
+        <Router>
+          <div>
+            <nav>
+              <ul>
+            {/* <Search /> */}
+                <li>
+                    <Link to="/movies" className="movies">Movies</Link>
+                  </li>
+                <li>
+                  <Link to="/customers" className="customers">Customers</Link>
+                </li>
+              {/* <button onClick={this.showMovieToggle}>Show Movies</button>
+              <button onClick={this.showCustomerToggle}>Show Customers</button> */}
+              </ul>
+            </nav>
+          </div>
+          <main>
+            <Route path="/movies" component={RentalLibrary} />
+            <Route path="/customers" component={CustomerList} />
+            {/* {this.state.showCustomers && <CustomerList />}
+            {this.state.showMovies && <RentalLibrary />} */}
+          </main>
+        </Router>
       </div>
     );
   // return (

diff --git a/src/components/Customer.js b/src/components/Customer.js
@@ -3,8 +3,6 @@ import PropTypes from 'prop-types';
 
 const Customer = (props) => {
 
-
-
   return (
     <div className="customer">
         <div className="content">