Hillary and Trump sagas

src/js/components/App.jsx

@@ -17,7 +17,7 @@ const App = () => (
     </div>
 		
 		<div className="col-md-4 offset-md-1">
-      <h2>API posts</h2>
+      <h2>Latest tweets</h2>
       <Post />
 		</div>
 

src/js/components/Form.jsx

@@ -17,7 +17,7 @@ class ConnectedForm extends Component {
 
     this.state = {
 			title: '',
-			candidate: 'Hillary'
+			candidate: ''
     }
 
     this.handleChange = this.handleChange.bind(this)
@@ -26,6 +26,11 @@ class ConnectedForm extends Component {
 		this.clickHilary = this.clickHilary.bind(this)
   }
 
+	componentDidMount() {
+		this.props.setCandidate('Hillary Clinton')
+		this.setState({ candidate: 'Hillary Clinton'})
+	}
+
   handleChange(event) {
     this.setState({ [event.target.id]: event.target.value })
   }

src/js/components/Posts.jsx

@@ -1,10 +1,18 @@
 import React, { Component } from "react"
 import { connect } from "react-redux"
 import { getData } from "../actions/index"
+import { getHillaryData } from "../actions/index"
+import { getTrumpData } from "../actions/index"
 
 export class Post extends Component {
   componentDidMount() {
-    this.props.getData()
+    // this.props.getData()
+		if (this.props.candidate === 'Hilary Clinton') {
+			this.props.getHillaryData()
+		}
+		else {
+			this.props.getTrumpData()
+		}
   }
 
   render() {
@@ -15,8 +23,9 @@ export class Post extends Component {
 				<p>Candidate: {cand}</p>
 				<ul className="list-group list-group-flush">
         {this.props.articles.map(el => (
-          <li className="list-group-item" key={el.id}>
-						<p>{el.title}</p>
+					<li className="list-group-item" key={el.id_str}>
+						<p>{el.created_at}</p>
+						<p>{el.text}</p>
           </li>
         ))}
 			</ul>
@@ -34,5 +43,5 @@ function mapStateToProps(state) {
 
 export default connect(
   mapStateToProps,
-  { getData }
+  { getData, getHillaryData, getTrumpData }
 )(Post)