render()

in ui/src/client/components/Pages/common/Schema/SchemaDetails/SchemaDetails.js [50:103]

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

  render() {
    const { details, isLoading } = this.props;

    if (isLoading) {
      return (<Loader type="spinner" color="lime-green" />);
    }

    const theme = {
      scheme: 'bright',
      author: 'chris kempson',
      base00: '#000000',
      base01: '#303030',
      base02: '#505050',
      base03: '#b0b0b0',
      base04: '#d0d0d0',
      base05: '#e0e0e0',
      base06: '#f5f5f5',
      base07: '#ffffff',
      base08: '#fb0120',
      base09: '#fc6d24',
      base0A: '#fda331',
      base0B: '#a1c659',
      base0C: '#76c7b7',
      base0D: '#6fb3d2',
      base0E: '#d381c3',
      base0F: '#be643c',
    };

    return (
      <div className="schema-details">
        <div className="schema-details-actions">
          <div
            data-tip="Download .avsc"
            data-for="schema-details"
          >
            <IconButton
              className="download-schema-button"
              onClick={this.handleSave}
            >
              <i className="fa fa-download" />
            </IconButton>
          </div>
        </div>

        <JSONTree
          data={details}
          theme={theme}
          invertTheme
        />

        <ReactTooltip id="schema-details" place="left" />
      </div>
    );
  }