render()

in packages/showcase/misc/animation-example.js [57:85]

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

  render() {
    const {modeIndex, data} = this.state;
    return (
      <div className="centered-and-flexed">
        <div className="centered-and-flexed-controls">
          <ShowcaseButton
            onClick={this.updateModeIndex(false)}
            buttonContent={'PREV'}
          />
          <div> {`ANIMATION TECHNIQUE: ${MODE[modeIndex]}`} </div>
          <ShowcaseButton
            onClick={this.updateModeIndex(true)}
            buttonContent={'NEXT'}
          />
        </div>
        <XYPlot width={300} height={300}>
          <VerticalGridLines />
          <HorizontalGridLines />
          <XAxis />
          <YAxis />
          <MarkSeries animation={MODE[modeIndex]} data={data} />
        </XYPlot>
        <ShowcaseButton
          onClick={() => this.setState({data: generateData()})}
          buttonContent={'UPDATE DATA'}
        />
      </div>
    );
  }