restore scroll position between navigation if possible

package.json

@@ -33,6 +33,7 @@
     "react-redux": "^5.0.7",
     "react-router-dom": "^4.3.1",
     "react-router-hash-link": "^1.2.1",
+    "react-router-scroll-4": "^1.0.0-beta.2",
     "react-svg-inline": "^2.1.1",
     "redux": "^4.0.0",
     "sass-loader": "^7.1.0",

src/main.jsx

@@ -25,6 +25,7 @@ import { waitDOMReady, sleep, scrollIntoView } from "./utils.js";
 
 import Head from "./head.jsx";
 import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
+import { ScrollContext } from "react-router-scroll-4";
 import { Provider, connect } from "react-redux";
 import AddArticle from "./add.jsx";
 import {
@@ -54,21 +55,31 @@ class App extends Component {
 								path="/"
 								exact={true}
 								render={() => (
-									<Listing
-										{...this.props}
-										ref={ref => (window[listingRef] = ref)}
-									/>
+									<ScrollContext>
+										<Listing
+											{...this.props}
+											ref={ref => (window[listingRef] = ref)}
+										/>
+									</ScrollContext>
 								)}
 							/>
 							<Route
 								path="/deleted/"
 								exact={true}
-								render={() => <DeletedListing {...this.props} />}
+								render={() => (
+									<ScrollContext>
+										<DeletedListing {...this.props} />
+									</ScrollContext>
+								)}
 							/>
 							<Route
 								path="/archive/"
 								exact={true}
-								render={() => <ArchiveListing {...this.props} />}
+								render={() => (
+									<ScrollContext>
+										<ArchiveListing {...this.props} />
+									</ScrollContext>
+								)}
 							/>
 							<Route
 								path="/add/"