Rodrigoplp/stream-saga
1
0
Fork 0
Code Issues Pull requests 13 Projects Releases Packages Wiki Activity Actions

Clean up unused sagas

Browse source
This commit is contained in:
Rodrigo Pedroso 2019-06-25 11:23:33 -04:00
commit 2429a0d775
3 changed files with 44 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/App.jsx
View file

@ -1,5 +1,4 @@
import React from 'react'
import List from './List'
import Form from './Form'
import Post from './Posts'
@ -8,12 +7,7 @@ export default function App() {
<div className = 'row mt-5'>
<div className = 'col-md-4 offset-md-1'>
<h2>Articles</h2>
<List />
</div>
<div className = 'col-md-4 offset-md-1'>
<h2>Add a new article</h2>
<h2>Choose a candidate</h2>
<Form />
</div>

54
src/components/Posts.jsx
View file

@ -4,7 +4,7 @@ import { getHillaryData } from "../actions/index"
import { getTrumpData } from "../actions/index"
export function Post(props) {
let { articles, articlesTrump, articlesHillary, candidate, getHillaryData, getTrumpData } = props
let { articlesTrump, articlesHillary, candidate, getHillaryData, getTrumpData } = props
// Fetch tweets when user clicks on candidate's button
useEffect(() => {
@ -21,41 +21,39 @@ export function Post(props) {
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>
<p>Hillary stream</p>
<ul className="list-group list-group-flush">
{articlesHillary.map(el => (
<li className="list-group-item" key={el.id_str}>
<p>{el.created_at}</p>
<p>{el.text}</p>
</li>
))}
</ul>
{cand === 'Hillary Clinton' && (
<div>
<ul className="list-group list-group-flush">
{articlesHillary.map(el => (
<li className="list-group-item" key={el.id_str}>
<p>{el.created_at}</p>
<p>{el.text}</p>
</li>
))}
</ul>
</div>
)}
{cand === 'Donald Trump' && (
<div>
<ul className="list-group list-group-flush">
{articlesTrump.map(el => (
<li className="list-group-item" key={el.id_str}>
<p>{el.created_at}</p>
<p>{el.text}</p>
</li>
))}
</ul>
</div>
)}
<p>Trump stream</p>
<ul className="list-group list-group-flush">
{articlesTrump.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),
articlesHillary: state.remoteArticlesHillary.slice(0, 10),
articlesTrump: state.remoteArticlesTrump.slice(0, 10),
candidate: state.candidate