render()

in frontend/webapp/src/containers/TrainModelPage/TrainModelPage.js [728:760]

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

  render() {
    const {
      // Upload new training data
      isUploading,
      // Active tab
      activeTab,
      // HPO
      isLoadingHPO,
      hpoParameters,
      // Train a new model
      isLoadingTraining,
      hyperparameters,
    } = this.state;

    return <OneColumnLayout>

      {/*#################################*/}
      {/*### Upload New Training Data ####*/}
      {/*#################################*/}
      <Row>
        <Col>
          <h1>Upload New Training Data</h1>
          <p className="upload-data-instruction">
            <b>Instruction</b>: Upload dataset to S3. This dataset is used for HPO and training a new model.
          </p>
        </Col>
      </Row>
      <Row>
        <Col sm={8}>
          <FormGroup row>
            <Label for="dataset" sm={4}>Upload New Dataset</Label>
            <Col sm={6}>
              <Input type="file" name="dataset" id="dataset" onChange={e => this.handleFileUpload(e.target.files)}/>