Add placeholders for History and Statistics pages

feelsbook/feelsbook/src/components/EntryCard.jsx

@@ -1,24 +1,12 @@
 import React, { Component } from 'react';
 import './css/EntryCard.css';
 import { Card } from 'react-bootstrap';
-import { Nav } from 'react-bootstrap';
-import { Button } from 'react-bootstrap';
-import { Form } from 'react-bootstrap';
-import { Col } from 'react-bootstrap';
-import { Row } from 'react-bootstrap';
 
 class EntryCard extends Component {
     render() {
         return (
-            <Card style={{ width: '18rem' }}>
-                <Card.Body>
-                    <Card.Title>Card Title</Card.Title>
-                    <Card.Subtitle className="mb-2 text-muted">Card Subtitle</Card.Subtitle>
-                    <Card.Text>
-                        Some quick example text to build on the card title and make up the bulk of
-                        the card's content.
-                    </Card.Text>
-                </Card.Body>
+            <Card>
+                <Card.Body>Title of the entry.</Card.Body>
             </Card>
         );
     }

feelsbook/feelsbook/src/components/HistoryPage.jsx

@@ -0,0 +1,18 @@
+import React, { Component } from 'react';
+import EntryCard from './EntryCard';
+import { ListGroup } from 'react-bootstrap';
+
+class HistoryPage extends Component {
+
+    render() {
+        return (
+            <ListGroup>
+                <ListGroup.Item><EntryCard></EntryCard></ListGroup.Item>
+                <ListGroup.Item><EntryCard></EntryCard></ListGroup.Item>
+                <ListGroup.Item><EntryCard></EntryCard></ListGroup.Item>
+            </ListGroup>
+        );
+    }
+}
+
+export default HistoryPage;

feelsbook/feelsbook/src/components/MainContainer.jsx

@@ -3,6 +3,8 @@ import './css/MainContainer.css';
 import WritePage from './WritePage';
 import { Card } from 'react-bootstrap';
 import { Nav } from 'react-bootstrap';
+import HistoryPage from './HistoryPage';
+import StatisticsPage from './StatisticsPage';
 
 class MainContainer extends Component {
 
@@ -16,6 +18,10 @@ class MainContainer extends Component {
   shouldRenderTab = () => {
     if (this.state.currentTab === 'write') {
       return <WritePage/>
+    } else if (this.state.currentTab === 'history') {
+      return <HistoryPage></HistoryPage>;
+    } else if (this.state.currentTab === 'statistics') {
+      return <StatisticsPage></StatisticsPage>;
     } else {
       return null;
     }

feelsbook/feelsbook/src/components/StatisticsPage.jsx

@@ -0,0 +1,14 @@
+import React, { Component } from 'react';
+
+class StatisticsPage extends Component {
+
+    render() {
+        return (
+            <div>
+                Graph here
+            </div>
+        );
+    }
+}
+
+export default StatisticsPage;