render()

in examples/website-demo/src/metadata-panel.js [51:100]

• 42 lines of code
• 3 McCabe index (conditional complexity)

  render() {
    const {metadata} = this.props;

    if (!metadata) {
      return null;
    }

    const hasLicenseInfo = metadata.log_info.source;

    return (
      <div id="log-info">
        <h4>Select Demo Log</h4>
        {this._renderLogSelector()}

        <h4>XVIZ Version</h4>
        <div>{metadata.version}</div>

        <h4>Log Start Time</h4>
        <div>{new Date(metadata.start_time * 1000).toJSON()}</div>

        <h4>Log End Time</h4>
        <div>{new Date(metadata.end_time * 1000).toJSON()}</div>

        {hasLicenseInfo && (
          <div>
            <h4>Demo Description</h4>
            <div>
              <p>{metadata.log_info.description}</p>
              <p>
                <a href={extractLink(metadata.log_info['license link'])}>
                  {metadata.log_info.license}
                </a>
              </p>
            </div>

            <h4>Data Source</h4>
            <div>
              <p>
                <a href={extractLink(metadata.log_info.source.link)}>
                  {metadata.log_info.source.title}
                </a>
              </p>
              <p>{metadata.log_info.source.author}</p>
              <p dangerouslySetInnerHTML={{__html: metadata.log_info.source.copyright}} />
            </div>
          </div>
        )}
      </div>
    );
  }