{"size": 1528, "ext": "js", "max_stars_repo_path": "app/containers/ProfilePage/index.js", "max_stars_repo_name": "minhnguyenwp/full_demo_reduxsaga", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "app/containers/ProfilePage/index.js", "max_issues_repo_name": "minhnguyenwp/full_demo_reduxsaga", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "app/containers/ProfilePage/index.js", "max_forks_repo_name": "minhnguyenwp/full_demo_reduxsaga", "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": 24.6451612903, "max_line_length": 109, "alphanum_fraction": 0.5490837696}
/*
 * HomePage
 *
 * This is the first thing users see of our App, at the '/' route
 */
import React from 'react';
import { Helmet } from 'react-helmet';

// Sy - Sub-Components
import { Link } from 'react-router-dom';
import LeftSideBar from 'components/LeftSideBar';
import Breadcrumb from 'components/Breadcrumb';
import ProfileForm from './components/ProfileForm';

export class ProfilePage extends React.PureComponent { // eslint-disable-line react/prefer-stateless-function
  constructor(props) {
    super(props); 
    this.state = {
      menu : [
        { id: 1, name: 'Profile'}
      ]
    }  
  }

  componentDidMount() {
    console.log(this.props.match);

  }

  render() {
    const {menu} = this.state;

    return (
      <section className="main-wrapper">
        <Helmet>
          <title>Profile Page</title>
          <meta name="description" content="This is profile page" />
        </Helmet>
        <div>
          <LeftSideBar />
          <div className='content-wrapper'>
          <Breadcrumb menu={menu}></Breadcrumb>
            <section className="main-content">
              <div className="profile-page r-page">
                <h1 className="r-page-ttl">
                  My Profile
                </h1>
                <div className="r-page-ct">
                  <ProfileForm />
                </div>
              </div>
            </section>
            
          </div>

        </div> {/* Sy - End: Page main content */}
      </section>
    );
  }
}

export default ProfilePage;