Controls

Controls.js

/**
  * Displays count and houses the increment and decrement buttons
  */
  const Controls = ({ id, increment, decrement, count }) => {
    return (
      <div className="controls">
        <div data-id={id} className="minus" onClick={e => decrement(e.target.getAttribute("data-id"))}>
          -
        </div>

        <div className="counter">
          {count}
        </div>

        <div data-id={id} className="plus" onClick={e => increment(e.target.getAttribute("data-id")) }>
          +
        </div>
      </div>
    )
  }