From 2d121e4b0a91fbf789c94bb712443446883979dd Mon Sep 17 00:00:00 2001
From: benjaminramey <ben.ramey@gmail.com>
Date: Sun, 9 Dec 2018 19:42:00 -0600
Subject: [PATCH] Router, dashboard

---
 src/components/AnswerKeyForm/index.js |  6 ++----
 src/components/AnswerKeyList/index.js | 13 +++++++++++++
 src/components/App.js                 | 13 ++++++++++---
 src/components/Dashboard/index.css    |  0
 src/components/Dashboard/index.js     | 23 +++++++++++++++++++++++
 5 files changed, 48 insertions(+), 7 deletions(-)
 create mode 100644 src/components/AnswerKeyList/index.js
 create mode 100644 src/components/Dashboard/index.css
 create mode 100644 src/components/Dashboard/index.js

diff --git a/src/components/AnswerKeyForm/index.js b/src/components/AnswerKeyForm/index.js
index c06c57d..eb9f6b8 100644
--- a/src/components/AnswerKeyForm/index.js
+++ b/src/components/AnswerKeyForm/index.js
@@ -10,9 +10,7 @@ class AnswerKeyForm extends React.Component {
       courseName: '',
       numTests: 10,
       numQuestionsPerTest: 10,
-      answers: Array(
-        props.defaultNumTests * props.defaultNumQuestionsPerTest
-      ).fill(null),
+      answers: Array(10 * 10).fill(null),
     };
 
     this.handleInputChange = this.handleInputChange.bind(this);
@@ -112,7 +110,7 @@ class AnswerKeyForm extends React.Component {
 
     return (
       <div className="answerkeyform">
-        <h1>New Answer Key</h1>
+        <h2>New Answer Key</h2>
         <form>
           <label>Course name</label>
           <input
diff --git a/src/components/AnswerKeyList/index.js b/src/components/AnswerKeyList/index.js
new file mode 100644
index 0000000..3a5633c
--- /dev/null
+++ b/src/components/AnswerKeyList/index.js
@@ -0,0 +1,13 @@
+import React from 'react';
+
+class AnswerKeyList extends React.Component {
+  render() {
+    return (
+      <div className="answerkeylist row">
+        <h2>Answer Keys</h2>
+      </div>
+    );
+  }
+}
+
+export default AnswerKeyList;
diff --git a/src/components/App.js b/src/components/App.js
index 141143e..9d57f66 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,15 +1,22 @@
 import React, {Component} from 'react';
 import NavBar from './NavBar';
+import Dashboard from './Dashboard';
 import AnswerKeyForm from './AnswerKeyForm';
+import AnswerKeyList from './AnswerKeyList';
+import {BrowserRouter as Router, Route} from 'react-router-dom';
 
 class App extends Component {
   render() {
     return (
       <div className="App">
         <NavBar />
-        <div className="container">
-          <AnswerKeyForm defaultNumTests={10} defaultNumQuestionsPerTest={10} />
-        </div>
+        <Router>
+          <div className="container">
+            <Route path="/" exact component={Dashboard} />
+            <Route path="/answerkeys" exact component={AnswerKeyList} />
+            <Route path="/answerkeys/create" exact component={AnswerKeyForm} />
+          </div>
+        </Router>
       </div>
     );
   }
diff --git a/src/components/Dashboard/index.css b/src/components/Dashboard/index.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/Dashboard/index.js b/src/components/Dashboard/index.js
new file mode 100644
index 0000000..bcbf1dd
--- /dev/null
+++ b/src/components/Dashboard/index.js
@@ -0,0 +1,23 @@
+import React from 'react';
+import './index.css';
+import {Link} from 'react-router-dom';
+
+class Dashboard extends React.Component {
+  render() {
+    return (
+      <div className="dashboard row">
+        <Link to="/grade" className="button four columns">
+          Grade a test
+        </Link>
+        <Link to="/answerkeys/create" className="button four columns">
+          Enter an answer key
+        </Link>
+        <Link to="/answerkeys" className="button four columns">
+          List answer keys
+        </Link>
+      </div>
+    );
+  }
+}
+
+export default Dashboard;