{"size": 746, "ext": "js", "max_stars_repo_path": "src/App.js", "max_stars_repo_name": "AppliedIS/ondeck", "max_stars_repo_stars_event_min_datetime": "2017-10-14T05:45:27.000Z", "max_stars_repo_stars_event_max_datetime": "2017-10-14T05:45:27.000Z", "max_issues_repo_path": "src/App.js", "max_issues_repo_name": "AppliedIS/ondeck", "max_issues_repo_issues_event_min_datetime": "2017-10-30T20:42:52.000Z", "max_issues_repo_issues_event_max_datetime": "2017-10-31T15:49:46.000Z", "max_forks_repo_path": "src/App.js", "max_forks_repo_name": "AppliedIS/ondeck", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 20.1621621622, "max_line_length": 71, "alphanum_fraction": 0.5656836461}
import React, { Component } from 'react';

import MapComponent from './map/component';
import SettingsComponent from './settings/component';


import './App.css';

class App extends Component {
    constructor(props) {
        super(props);

        this.state = {
            viewport: null
        };

        this._handleViewport = this._handleViewport.bind(this);
    }

    _handleViewport(viewport) {
        this.setState({
            viewport: viewport
        });
    }

    render() {
        return (
            <div className="App">
                <SettingsComponent viewport={this.state.viewport}/>
                <MapComponent onViewportChange={this._handleViewport}/>
            </div>
        );
    }
}

export default App;
