renderAll()

in frontend/src/containers/Home.js [251:306]

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

  renderAll() {
   return (
    <Container>
    <Row style={{border: '1px solid grey'}}>
      <Col>
    <ButtonToolbar>
        <DropdownButton
          title="fabs"
          variant="outlne-primary"
          id="fabs"
          key="fabs"
        > 
        {this.renderFabList(this.state.fabs)}
        </DropdownButton>
        <DropdownButton
          title="cameras"
          variant="outlne-secondary"
          id="cameras"
          key="cameras"
        > 
        {this.renderCameraList(this.state.selectedFab)}
        </DropdownButton>
  </ButtonToolbar>
  </Col>
  <Col>
        From: <DatePicker selected={this.state.from_date} onChange={this.handleFromDate}/>
  </Col>
  <Col>
        To: <DatePicker selected={this.state.to_date} onChange={this.handleToDate}/>
  </Col>
    </Row>
    <Row>
      <Col>
        {this.renderImgCard(this.state.imglist, this.state.selectedImg, this.state.selectedFab, this.state.selectedCam)}
      </Col>
      <Col>
        {this.renderDetailCard(this.state.imglist, this.state.selectedImg, this.state.selectedActual)}
      </Col>
      <Col>
      <Card style={{ float: 'right' }} border="info" className="text-left">
        <Card.Header>Summary</Card.Header>
        <Card.Body>
          <Card.Text>
            Selected FAB: {this.state.selectedFab}
            <br></br>
            Selected Camera: {this.state.selectedCam}
            <br></br>
            Defect rate: {parseFloat(this.state.accuracy).toFixed(2)}%
          </Card.Text>
        </Card.Body>
      </Card>
      </Col>
    </Row>
  </Container>
   );
  }