renderWithImage()

in public/js/components/FormFields/FormFieldImageSelect.js [96:122]

• 27 lines of code
• 1 McCabe index (conditional complexity)

  renderWithImage() {
    const thumbnail = findSmallestAssetAboveWidth(this.props.fieldValue.assets, 200);
    return (
      <div className="image-select__image-display">
        <div className="image-select__image">
          <img src={thumbnail.file} />
        </div>
        <div className="image-select__image-details">
          <div className="image-select__image-details__detail">
            <a target="_blank" rel="noreferrer" href={gridUrlFromApiUrl(this.props.fieldValue.mediaId)}>View image in the Grid</a>
          </div>
          <div className="image-select__image-details__detail">
            Size: {filesize(this.props.fieldValue.master.size)}
          </div>
          <div className="image-select__image-details__detail">
            Dimensions: {this.props.fieldValue.master.dimensions.width} x {this.props.fieldValue.master.dimensions.height}
          </div>
          <button className="image-select__button image-select__replace-button" type="button" onClick={this.openModal}>
              Replace Image
          </button>
          <button className="image-select__remove-button btn--red" type="button" onClick={this.removeImage}>
              Remove Image
          </button>
        </div>
      </div>
    );
  }