import React, { Component } from 'react'
import { connect } from 'react-redux'
import actions from '../../actions'

class Feeds extends Component{

    componentDidMount(){
        this.props.fetchFeeds(null)
    }

    render(){
        return(
            <ul>
                {
                    this.props.feed.all.map((feed, i)=>{
                        return (
                            <li key={i}><a href="#">{feed.name}</a></li>
                        )
                    })
                }
            </ul>
        )
    }
}

const stateToProps = (state) => {
    return {
        feed: state.feed
    }
}

const dispatchToProps = (dispatch) => {
    return {
        fetchFeeds: (params) => dispatch(actions.fetchFeeds(params))
    }
}

export default connect(stateToProps, dispatchToProps)(Feeds)