pass-Culture Offer Component

Offer.jsx

class Offer extends Component {
  constructor() {
    super();
    this.state = {
      available: 0
    };
  }

  componentDidMount() {
    this.props.requestGetOffer();
  }

  render() {
    const { offer, requestPostStock, stocks } = this.props;
    const { available } = this.state;

    if (!offer) {
      return null;
    }

    return (
      <Fragment>
        <h1>{offer.name}</h1>
        <h2>{stocks.length ? `${stocks.length} dates` : "0 date"}</h2>

        <input
          onChange={event => this.setState({ available: event.target.value })}
          value={available}
        />
        <button onClick={requestPostStock(available)}>Add</button>

        {stocks.map(stock => (
          <div key={stock.id}>{stock.available} places</div>
        ))}
      </Fragment>
    );
  }
}