renderDetailCard()

in frontend/src/containers/Home.js [222:249]

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

  renderDetailCard(imglist, imgidx, selectedActual) {
    if(imglist.length > 0) {
      const imgobj = imglist[imgidx];
      return(
        <Card border="secondary" className="text-center">
          <Card.Header>Image: {imgobj.imgid}</Card.Header>
          <Card.Body>
            Prediction: {imgobj.prediction} (probability {parseFloat(imgobj.probability).toFixed(4)})
            {this.renderOverride(selectedActual)}
            <DropdownButton
            title="actuals"
            variant="outline-success"
            id="actuals"
            key="actuals"
          > 
          {['Center', 'Donut', 'Edge-Loc', 'Edge-Ring', 'Loc', 'Near-full', 'Random', 'Scratch', 'none'].map(
    variant => (
            <Dropdown.Item eventKey={variant} key={variant} onSelect={this.handleActualSelect}>{variant}</Dropdown.Item>
    ))}
          </DropdownButton>
          </Card.Body>
          <Card.Footer className="text-muted"><Button variant="success" onClick={this.handleActualSubmit}>Submit</Button></Card.Footer>
        </Card>
      );

    }
    
  }