{"size": 625, "ext": "js", "max_stars_repo_path": "moovieapp/src/components/pages/MoviesPage.js", "max_stars_repo_name": "OzgurBGumus/React-redux", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "moovieapp/src/components/pages/MoviesPage.js", "max_issues_repo_name": "OzgurBGumus/React-redux", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "moovieapp/src/components/pages/MoviesPage.js", "max_forks_repo_name": "OzgurBGumus/React-redux", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 20.8333333333, "max_line_length": 56, "alphanum_fraction": 0.6064}
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import {connect} from 'react-redux';

//COMPONENTS
import MoviesList from '../MoviesList';

class MoviesPage extends Component {
    render() {
        console.log(this.props);
        return (
            <div>
                <h2>Movies Page</h2>
                <MoviesList movies={this.props.movies}/>
            </div>
        );
    }
}

MoviesPage.propTypes = {
    movies:PropTypes.array.isRequired
};

const mapStateToProps = state =>{
    return{
        movies:state.movies
    }
}

export default connect(mapStateToProps)(MoviesPage);