Function SingleImage

ts/SingleImage.tsx:11–34

(props: Props)

}

export function SingleImage(props: Props) {
  const {filePair, side} = props;
  if (!filePair[side]) {
    return null; // or: return empty <img> same size as other image?
  }

  const url = side == 'a' ? '/a/image/' + filePair.a : '/b/image/' + filePair.b;
  const im = _.clone(side === 'a' ? filePair.image_a : filePair.image_b);
  let scaleDown = 1.0;
  const {maxWidth} = props;
  if (maxWidth !== null && maxWidth < im.width) {
    scaleDown = maxWidth / im.width;
    im.width *= scaleDown;
    im.height *= scaleDown;
  }
  const diffBoxDiv = makePerceptualBoxDiv(props.pdiffMode, filePair, scaleDown);

  return (
    <div className="image-holder">
      {diffBoxDiv}
      <img className={'side-' + side} src={url} width={im.width} height={im.height} />
    </div>
  );
}