editinputs.js

  renderSaveCancel = () => {
    return (
      <Fragment>
        <button onClick={this.handleSave}
          style={{width: '50%'}}
          disabled={!this.state.amount}
          className='button is-primary'>
          Save
        </button>
        <button onClick={this.handleCancel}
          style={{width: '50%', marginLeft: '0.5rem'}}
          disabled={!this.state.amount}
          className='button'>
          Cancel
        </button>
      </Fragment>
    )
  }

  renderFoodEdit = (amountText) => {
    return (
      <div style={{display: 'flex', alignItems:'space-between'}}>
        <div style={{display: 'flex', alignItems:'center'}}>
          <label>{amountText}:</label>
          <input onChange={this.handleAmountChange}
            value={this.state.amount}
            style={{ width: '31%', marginLeft: '0.5rem' }}
            className='input' type='number'
          />
        </div>
        <div style={{display: 'flex', alignItems:'center'}}>
          {this.renderSaveCancel()}
        </div>
      </div>
    )
  }