import React, { PureComponent } from 'react';
import { connect } from 'react-redux';
import Widget from '../../components/Widget';

class Subject extends PureComponent {
  async componentDidUpdate() {
    const isReceivingData = true;
  }

  render() {
    const isReceivingData = true;

    const display = isReceivingData ? 'none' : 'block';
    const style = {
      height: '1200px',
      display: display
    };

    return (
      <div>
        <h1 className="page-title mb-xlg mt-lg">Photo <small> registration</small></h1>
        <Widget
            title={<h5><span className="fw-semi-bold">registrate photos</span></h5>}
            fetchingData={true}>
            <div>
                <div className="text-center"style={style} />
                <p className="fs-mini text-muted">
                  Stacked charts are excellent to track some dynamics within declared categories. An example of this
                  can be seen above. To create a Stacked Bar chart use <code>Bar(options)</code> and
                  set <code>stacked</code>, option to true.
                </p>
            </div>
        </Widget>
      </div>
    );
  }
}

function mapStateToProps(state) {
  return {
      labelData: state.labelData,
  }
}

export default connect(mapStateToProps)(Subject);