Clean up
This commit is contained in:
parent
abdda1e8d0
commit
5c7411594f
15 changed files with 5 additions and 64 deletions
|
@ -1,46 +0,0 @@
|
|||
import React, { useEffect } from "react"
|
||||
import { connect } from "react-redux"
|
||||
import { getHillaryData } from "../actions/index"
|
||||
import { getTrumpData } from "../actions/index"
|
||||
|
||||
export function Post(props) {
|
||||
let { articles, candidate, getHillaryData, getTrumpData } = props
|
||||
|
||||
// Fetch tweets when user clicks on candidate's button
|
||||
useEffect(() => {
|
||||
if (candidate === 'Hillary Clinton') {
|
||||
getHillaryData()
|
||||
}
|
||||
else if (candidate === 'Donald Trump') {
|
||||
getTrumpData()
|
||||
}
|
||||
}, [candidate, getHillaryData, getTrumpData])
|
||||
|
||||
let cand = candidate === undefined ? 'Not set' : candidate
|
||||
|
||||
return (
|
||||
<div>
|
||||
<p>@{cand}</p>
|
||||
<ul className="list-group list-group-flush">
|
||||
{articles.map(el => (
|
||||
<li className="list-group-item" key={el.id_str}>
|
||||
<p>{el.created_at}</p>
|
||||
<p>{el.text}</p>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function mapStateToProps(state) {
|
||||
return {
|
||||
articles: state.remoteArticles.slice(0, 10),
|
||||
candidate: state.candidate
|
||||
}
|
||||
}
|
||||
|
||||
export default connect(
|
||||
mapStateToProps,
|
||||
{ getHillaryData, getTrumpData }
|
||||
)(Post)
|
Loading…
Add table
Add a link
Reference in a new issue