render()

in public/pages/Transforms/containers/Transforms/EditTransform.tsx [121:192]

• 70 lines of code
• 1 McCabe index (conditional complexity)

  render() {
    const {
      id,
      error,
      pageSize,
      description,
      sourceIndex,
      targetIndex,
      sourceIndexFilter,
      isSubmitting,
      enabled,
      interval,
      intervalError,
      intervalTimeUnit,
      cronExpression,
      cronTimeZone,
      schedule,
    } = this.state;
    return (
      <div style={{ padding: "25px 50px" }}>
        <EuiTitle size="l">
          <h1>Edit transform job</h1>
        </EuiTitle>
        <EuiSpacer />
        <ConfigureTransform
          inEdit={true}
          transformId={id}
          error={error}
          onChangeName={this.onNameChange}
          onChangeDescription={this.onDescriptionChange}
          description={description}
        />
        <EuiSpacer />
        <Indices sourceIndex={sourceIndex} targetIndex={targetIndex} sourceIndexFilter={sourceIndexFilter} />
        <EuiSpacer />
        <Schedule
          transformId={id}
          pageSize={pageSize}
          schedule={schedule}
          error={error}
          enabled={enabled}
          interval={interval}
          intervalError={intervalError}
          intervalTimeUnit={intervalTimeUnit}
          cronExpression={cronExpression}
          cronTimeZone={cronTimeZone}
          onEnabledChange={this.onEnabledChange}
          onCronExpressionChange={this.onCronExpressionChange}
          onIntervalChange={this.onIntervalChange}
          onPageChange={this.onPageChange}
          onScheduleChange={this.onScheduleChange}
          onCronTimeZoneChange={this.onCronTimeZoneChange}
          onIntervalTimeUnitChange={this.onIntervalTimeUnitChange}
        />

        <EuiSpacer />

        <EuiFlexGroup alignItems="center" justifyContent="flexEnd">
          <EuiFlexItem grow={false}>
            <EuiButtonEmpty onClick={this.onCancel} data-test-subj="editTransformCancelButton">
              Cancel
            </EuiButtonEmpty>
          </EuiFlexItem>
          <EuiFlexItem grow={false}>
            <EuiButton fill onClick={this.onSubmit} isLoading={isSubmitting} data-test-subj="editTransformSaveButton">
              Save changes
            </EuiButton>
          </EuiFlexItem>
        </EuiFlexGroup>
      </div>
    );
  }