Skip to content

Commit

Permalink
Added galleries routes
Browse files Browse the repository at this point in the history
  • Loading branch information
rapind committed Mar 21, 2016
1 parent 01cd133 commit a379ac7
Show file tree
Hide file tree
Showing 4 changed files with 10 additions and 10 deletions.
4 changes: 2 additions & 2 deletions src/App.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@ const App = React.createClass({
render: function () {
return (
<div>
<h1>Hey Now</h1>
<h1>togPhoto</h1>
<ul role='nav'>
<li><NavLink to='/' onlyActiveOnIndex>Home</NavLink></li>
<li><NavLink to='/about'>About</NavLink></li>
<li><NavLink to='/repos'>Repos</NavLink></li>
<li><NavLink to='/galleries'>Galleries</NavLink></li>
</ul>

{this.props.children}
Expand Down
6 changes: 3 additions & 3 deletions src/components/Repos.js → src/components/Galleries.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,10 @@ export default React.createClass({
render () {
return (
<div>
<h2>Repos</h2>
<h2>Galleries</h2>
<ul>
<li><NavLink to='/repo/rackt/react-router'>React Router</NavLink></li>
<li><NavLink to='/repo/facebook/react'>React</NavLink></li>
<li><NavLink to='/galleries/1'>One</NavLink></li>
<li><NavLink to='/galleries/2'>Two</NavLink></li>
</ul>
{this.props.children}
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/components/Repo.js → src/components/Gallery.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ export default React.createClass({
render () {
return (
<div>
<h2>{this.props.params.repoName}</h2>
<h2>Gallery {this.props.params.id}</h2>
</div>
)
}
Expand Down
8 changes: 4 additions & 4 deletions src/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,15 +10,15 @@ injectTapEventPlugin()
import App from './App'
import Home from './components/Home'
import About from './components/About'
import Repos from './components/Repos'
import Repo from './components/Repo'
import Galleries from './components/Galleries'
import Gallery from './components/Gallery'

ReactDOM.render((
<Router history={browserHistory}>
<Route path='/' component={App}>
<IndexRoute component={Home} />
<Route path='/repos' component={Repos}>
<Route path='/repo/:userName/:repoName' component={Repo}/>
<Route path='/galleries' component={Galleries}>
<Route path='/galleries/:id' component={Gallery}/>
</Route>
<Route path='/about' component={About}/>
</Route>
Expand Down

0 comments on commit a379ac7

Please sign in to comment.