render()

in aws-kendra-transcribe-media-search/src/search/resultsPanel/components/ResultFooter.tsx [32:94]

• 58 lines of code
• 7 McCabe index (conditional complexity)

  render() {
    const { attributes, queryResultItem, submitFeedback } = this.props;

    const fileFormatName = attributes.FileFormat
      ? attributes.FileFormat.StringValue
      : undefined;

    let fileFormat;
    if (
      !isNullOrUndefined(fileFormatName) &&
      IgnoreFormats.indexOf(fileFormatName) === -1
    ) {
      fileFormat = (
        <div className="display-inline">
          {fileFormatName.toUpperCase()}
          <div className="file-format-divider-wrapper">
            <div className="file-format-divider" />
          </div>
        </div>
      );
    }

    // BobS: Modified to enable link to PCA Call Analysis, using Uri containied in document attribute
    let sourceLink;
    let uri;
    let label;
    const pcaCallAnalysisUri = _.get(attributes,"ANALYSIS_URI.StringValue");
    if (pcaCallAnalysisUri) {
      uri = pcaCallAnalysisUri;
      label = "Open Call Analysis";
    } else {
      uri = queryResultItem.DocumentURI;
      label = uri;
    }

    if (uri && !_.isEmpty(uri)) {
      sourceLink = (
        <div className="display-inline action-link">
          <a
            href={uri}
            onClick={this.submitClickFeedback}
            target="_blank"
            rel="noopener noreferrer"
          >
            {truncateString(label!, MAX_URI_LENGTH)}
          </a>
        </div>
      );
    }

    return (
      <div className="result-footer">
        <div className="footer-left-text">
          {fileFormat}
          {sourceLink}
        </div>
        <Feedback
          queryResultItem={queryResultItem}
          submitFeedback={submitFeedback}
        />
      </div>
    );
  }