render()

in ui/src/client/components/Pages/common/Schema/common/Metadata/MetadataEdit/MetadataEdit.js [80:166]
81 lines of code
11 McCabe index (conditional complexity)

  render() {
    const {
      doc,
      formattedDoc,
      isSaved,
      updateMetada,
      saveMetada,
      currentVersion,
      originVersion,
    } = this.props;
    const { inputValue, isEdit, isOverrideVersion } = this.state;

    return (
      <div className="metadata-edit">

        {isEdit
          && (
          <MetadataEditInput
            key={doc}
            value={doc}
            handleChange={this.handleChange}
          />
          )
        }

        {!isEdit
          && (
          <div
            className="metadata-no-edit"
            onClick={e => this.handleIsEditOn(e)}
            role="presentation"
          >
            <PencilIconSVG />
            <div
              className={`formatted-doc ${formattedDoc ? 'haveDoc' : ''}`}
              dangerouslySetInnerHTML={{ __html: formattedDoc || 'Enter description...' }}
            />

          </div>
          )
        }

        {getOverridingAvailabilty(currentVersion, originVersion) && !isSaved
          && (
          <MetadataEditCheckbox
            isChecked={isOverrideVersion}
            handleCheck={this.handleCheckOverrideVersion}
          />
          )
        }

        <div className="actions">
          {isEdit
            && (
            <Button
              name="preview"
              transparent
              disable={doc === inputValue || !inputValue}
              onClick={() => this.handleActionMetadata(updateMetada)}
            />
            )
          }
          {(!isSaved)
            && (
            <Button
              className="green"
              name="save"
              transparent
              disable={!inputValue}
              onClick={() => this.handleActionMetadata(saveMetada)}
            />
            )
          }
          {isEdit
            && (
            <Button
              className="grey"
              name="cancel"
              transparent
              onClick={() => this.setState({ isEdit: false })}
            />
            )
          }
        </div>
      </div>
    );
  }