Implementation for more nested routes lesson-07

Author: sayinala

lessons/07-more-nesting/index.js

@@ -9,8 +9,10 @@ import Repo from './modules/Repo'
 render((
   <Router history={hashHistory}>
     <Route path="/" component={App}>
-      <Route path="/repos" component={Repos}/>
-      <Route path="/repos/:userName/:repoName" component={Repo}/>
+      <Route path="/repos" component={Repos}>
+        <Route path="/repos/:userName/:repoName" component={Repo}/>
+      </Route>
+      
       <Route path="/about" component={About}/>
     </Route>
   </Router>

lessons/07-more-nesting/modules/Repos.js

@@ -1,15 +1,16 @@
-import React from 'react'
-import { Link } from 'react-router'
-
+import React from 'react';
+import NavLink from './NavLink';
 export default React.createClass({
   render() {
     return (
       <div>
         <h2>Repos</h2>
         <ul>
-          <li><Link to="/repos/reactjs/react-router">React Router</Link></li>
-          <li><Link to="/repos/facebook/react">React</Link></li>
+          <li><NavLink to="/repos/reactjs/react-router">React Router</NavLink></li>
+          <li><NavLink to="/repos/facebook/react">React</NavLink></li>
         </ul>
+
+        {this.props.children}
       </div>
     )
   }