render()

in src/components/application/launch/index.js [141:190]

• 50 lines of code
• 13 McCabe index (conditional complexity)

  render() {
    const {workflow, history} = this.props;
    const {
      pending,
      inputs,
      inputsValid,
      options,
      script,
      scriptValid,
    } = this.state;
    return (
      <PageHeader
        className={classNames('launch-form-header', styles.launchFormContainer)}
        title={<Title workflow={workflow} />}
        onBack={() => history.goBack()}
      >
        <WDLScript
          disabled={pending || (workflow?.pending && !workflow?.loaded)}
          onChange={this.onChange}
          script={script}
          inputs={inputs}
        />
        <WDLInputs
          disabled={pending || (workflow?.pending && !workflow?.loaded)}
          onChange={this.onChange}
          inputs={inputs}
          previousSectionValid={scriptValid}
        />
        <WDLOptions
          disabled={pending || (workflow?.pending && !workflow?.loaded)}
          onChange={this.onChange}
          options={options}
          previousSectionValid={scriptValid && inputsValid}
        />
        <SubmitWorkflow
          disabled={!scriptValid || !inputsValid || pending || (workflow?.pending && !workflow?.loaded)}
          ready={scriptValid && inputsValid}
          onSubmit={
            () => this.disableComponentUntilDone(
              launchWorkflow,
              {
                callback: this.launchWorkflowCallback,
                message: 'Launching...',
              },
            )({inputs, options, script})
          }
        />
      </PageHeader>
    );
  }