Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // ...
- const mapDispatchToProps = dispatch => ({
- // dispatch SET_PAGE action with page p and promise for 10p articles from the specified api
- onSetPage: (tab, p) => dispatch({
- type: 'SET_PAGE',
- page: p,
- payload: tab === 'feed' ? agent.Articles.feed(p) : agent.Articles.all(p)
- }),
- onTabClick: (tab, payload) => dispatch({ type: 'CHANGE_TAB', tab, payload })
- });
- const MainView = props => {
- const onSetPage = page => props.onSetPage(props.tab, page);
- return (
- <div className="col-md-9">
- <div className="feed-toggle">
- <ul className="nav nav-pills outline-active">
- <YourFeedTab
- token={props.token}
- tab={props.tab}
- onTabClick={props.onTabClick} />
- <GlobalFeedTab tab={props.tab} onTabClick={props.onTabClick} />
- <TagFilterTab tag={props.tag} />
- </ul>
- </div>
- // pass onSetPage to ArticleList
- <ArticleList
- articles={props.articles}
- articlesCount={props.articlesCount}
- currentPage={props.currentPage}
- onSetPage={onSetPage} />
- </div>
- );
- };
- export default connect(mapStateToProps, mapDispatchToProps)(MainView);
Advertisement
Add Comment
Please, Sign In to add comment