diff --git a/src/App.js b/src/App.js index 5383c35..70fcff0 100644 --- a/src/App.js +++ b/src/App.js @@ -14,7 +14,7 @@ import { Container, Row, Column } from './skeleton'; import { Articles, RoutedArticle } from './Article'; import { Footer } from './Footer'; import { Header } from './Header'; -import { NavList, TagNav, HistoryNav, HistoryNavStart } from './Nav'; +import { NavList, TagNav, HistoryNav } from './Nav'; class App extends Component { @@ -47,7 +47,7 @@ class App extends Component { { /* Display HistoryNav if this is a series of articles */ } - + diff --git a/src/Nav.js b/src/Nav.js index 84f3309..c92676b 100644 --- a/src/Nav.js +++ b/src/Nav.js @@ -73,29 +73,38 @@ class TagNav extends Component { class HistoryNav extends Component { render() { + let page = 0; + if (this.props.match.params.page) { + page = parseInt(this.props.match.params.page, 10); + } + console.log('nav page', page); + let left = ""; - if (!this.props.newest) { + if (page !== 0) { + let last_href = "/page/" + (page - 1); + if (page === 1) { + last_href = "/"; + } + left = ( - - - newer posts - + + + newer posts + ) } + + let next_href = "/page/" + (page + 1); return ( { left } - + older posts - + ); } } -const HistoryNavStart = ({match}) => ( - -) - -export { ListLink, NavList, TagNav, HistoryNav, HistoryNavStart }; +export { ListLink, NavList, TagNav, HistoryNav };