Add Previous and Next Buttons to QuestionViewer (Fix #1)

src/QuestionViewer/index.js

@@ -1,5 +1,4 @@
-/* global fetchWithAuth */
-
+import { Link } from 'inferno-router';
 import Component from 'inferno-component';
 
 class QuestionViewer extends Component {
@@ -10,13 +9,14 @@ class QuestionViewer extends Component {
   }
   async componentDidMount() {
     const { qno } = this.props.params;
-    var res = await fetchWithAuth(`/questions/${qno}`);
+    var res = await window.fetchWithAuth(`/questions/${qno}`);
     res = await res.json();
     if (!res.error) this.setState({ question: res, loading: false })
     else this.setState({ error: res.error, loading: false })
   }
   render() {
     const { loading, question, error } = this.state
+    const qno = parseInt(this.props.params.qno,10)
     return (
       <div>
         {loading && <div>Loading...</div>}
@@ -25,7 +25,18 @@ class QuestionViewer extends Component {
         <p>
           {question.body}
         </p>
-        {/* XXX: Need to add previous and next buttons here. Use the Link component from 'inferno-router' */}
+        {
+          qno!==1 &&
+            <Link className="button float-left" to={`/question/${qno-1}`}>
+              Prev
+            </Link>
+        }
+        {
+          qno!==5 &&
+            <Link className="button float-right" to={`/question/${qno+1}`}>
+              Next
+            </Link>
+        }
       </div>
     )
   }