{"size": 513, "ext": "js", "max_stars_repo_path": "src/pages/AboutPage/AboutPage.js", "max_stars_repo_name": "Alexbcampbell/React-Gallery", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/AboutPage/AboutPage.js", "max_issues_repo_name": "Alexbcampbell/React-Gallery", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/AboutPage/AboutPage.js", "max_forks_repo_name": "Alexbcampbell/React-Gallery", "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": 22.3043478261, "max_line_length": 73, "alphanum_fraction": 0.5808966862}
import React, { Component } from 'react';

class AboutPage extends Component {
  clickForGallery = () => {
    console.log('toggled');
    this.props.history.push('/gallery');
  };
  render() {
    return (
      <div>
        <h2>About</h2>
        <p>Welcome to my gallery</p>
        <p>Feel free to browse my pictures and click the like button!</p>
        <button onClick={this.clickForGallery}>
          Click here to see the Gallery!
        </button>
      </div>
    );
  }
}

export default AboutPage;
