import React, {Component} from 'react';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux'

import * as sourcesActions from '../actions/sourcesActions';



class Sources extends Component {

  componentWillMount() {
    this.props.actions.getSources()
  }


  render() {
    return (
      <h1>Coming Soon</h1>
    )
  }
}

const mapDispatchToProps = (dispatch) => {
  return {
    actions: bindActionCreators(sourcesActions, dispatch)
  };
}

export default connect(null, mapDispatchToProps)(Sources)

@@ -278,16 +278,17 @@
 )%0A  %7D%0A%0A%0A
+%0A
   render
@@ -296,46 +296,329 @@
 ) %7B%0A
-    return (%0A      %3Ch1%3EComing Soon%3C/h1
+%0A    const sourcesList = this.props.sources.map((source, index) =%3E %7B%0A      return (%0A        %3Cdiv key=%7Bindex%7D%3E%0A          %3Ch3%3E%7Bsource.name%7D%3C/h3%3E%0A          %3Cp%3E%7Bsource.description%7D%3C/p%3E%0A        %3C/div%3E%0A      )%0A    %7D)%0A    %0A    return (%0A      %3Cdiv%3E%0A      %3Ch2%3ESelect sources for your newsfeed:%3C/h2%3E%0A      %7BsourcesList%7D%0A      %3C/div
 %3E%0A  
@@ -748,16 +748,90 @@
   %7D;%0A%7D%0A%0A
+const mapStateToProps = (state) =%3E %7B%0A  return %7Bsources: state.sources%7D%0A%7D%0A%0A
 export d
@@ -849,12 +849,23 @@
 ect(
-null
+mapStateToProps
 , ma

Build initial sources list