render()

in public/js/components/layer_details.js [24:59]

• 35 lines of code
• 4 McCabe index (conditional complexity)

  render() {
    const config = this.props.layerConfig;

    if (config === null) {
      return null;
    }
    const attributionsHtmlString = 'Attribution: ' + getAttributionString(config);
    const defaultVectorFormat = config instanceof FileLayer ? config.getDefaultFormatType() : null;
    return (
      <div>
        <EuiTitle size="s" className="layerTitle">
          <h2>Selected {this.props.title}: {this.props.layerConfig.getDisplayName()}</h2>
        </EuiTitle>
        <EuiText size="s">
          <EuiBadge>Layer Id: <strong>{this.props.layerConfig.getId()}</strong></EuiBadge>
          {
            defaultVectorFormat ?
              <EuiBadge>
                Default format: <strong>{defaultVectorFormat}</strong>
              </EuiBadge>
              :
              <></>
          }
          <span dangerouslySetInnerHTML={{ __html: attributionsHtmlString }} className="attribution eui-alignMiddle" />
        </EuiText>
        <EuiSpacer size="m" />
        <CustomizeTMS
          layerConfig={this.props.layerConfig}
          onLanguageChange={this.props.onLanguageChange}
          onColorChange={this.props.onColorChange}
          language={this.props.language}
          color={this.props.color}
        />
      </div>
    );
  }