{"size": 849, "ext": "js", "max_stars_repo_path": "examples/static_data/src/App.js", "max_stars_repo_name": "pixellyte/redux-data-components", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "examples/static_data/src/App.js", "max_issues_repo_name": "pixellyte/redux-data-components", "max_issues_repo_issues_event_min_datetime": "2018-01-12T21:20:17.000Z", "max_issues_repo_issues_event_max_datetime": "2018-04-03T17:38:07.000Z", "max_forks_repo_path": "examples/static_data/src/App.js", "max_forks_repo_name": "pixellyte/redux-data-components", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 26.53125, "max_line_length": 44, "alphanum_fraction": 0.4758539458}
import React, { Component } from 'react';
import { connect } from 'react-redux';
import './App.css';
import Sidebar from "./view/Sidebar";
import Panel from "./view/Panel";

class App extends Component {
  render() {
    return (
      <div className="App">
          <Sidebar />
          <div className="content">
              <Panel instance="a" />
              <Panel instance="b" />
              <Panel instance="c" />
              <Panel instance="d" />
              <Panel instance="e" />
              <Panel instance="f" />
              <Panel instance="g" />
              <Panel instance="h" />
              <Panel instance="i" />
              <Panel instance="j" />
              <Panel instance="k" />
              <Panel instance="l" />
          </div>
      </div>
    );
  }
}

export default connect(store => store)(App);
