public render()

in frontend/src/common/components/hocr/hocr-proofreader/hocr-proofreader.component.tsx [63:88]

• 26 lines of code
• 2 McCabe index (conditional complexity)

  public render() {
    return (
      <div className={cnc(style.container, this.props.className)}>
        <HocrPreviewComponent
          className={style.hocrPreview}
          hocr={this.props.hocr}
          zoomMode={this.props.zoomMode}
          pageIndex={this.fixIndex}
          autoFocusId={this.state.previewIdHightlighted}
          targetWords={this.props.targetWords}
          onWordHover={this.handlePreviewWordHover}
          userStyle={this.props.previewStyle}
        />
        <HocrDocumentComponent
          className={this.props.showText ? style.hocrDocument : style.hocrDocumentHidden}
          hocr={this.props.hocr}
          targetWords={this.props.targetWords}
          hightlightPageIndex={Number(this.fixIndex)}
          autoFocusId={this.state.docIdHighlighted}
          onWordHover={this.handleDocumentWordHover}
          onPageHover={this.handleDocumentPageHover}
          userStyle={this.props.documentStyle}
        />
      </div>
    );
  }