_renderColumns()

in bindings/jupyter-modules/jupyter-ma-causal/src/containers/index.js [46:90]

• 45 lines of code
• 3 McCabe index (conditional complexity)

  _renderColumns() {
    const {data, columnWidth, paddingLeft} = this.props;
    return data.map((d, i) => {
      return (
        <div key={i} style={this.columnStyle}>
          <div style={{position: 'relative', width: columnWidth}}>
            <div>
              <LineChartsContainer index={i} />
            </div>
            {(data[i].lines || []).map(d => (
              <div key={d.name}>
                <div style={{paddingLeft}}>{d.name}</div>
                <div>
                  <SlidebarContainer index={i} lineName={d.name} />
                </div>
              </div>
            ))}
            <LineIndicatorContainer index={i} />
          </div>
          <div
            style={{position: 'relative', width: columnWidth, marginTop: 13}}
          >
            {(data[i].lines || []).map(d => (
              <React.Fragment key={d.name}>
                {['treatment', 'control'].map(groupName => (
                  <div key={groupName}>
                    <div style={{paddingLeft}}>{`${
                      d.name
                    } ${groupName} group`}</div>
                    <div>
                      <StaticbarContainer
                        index={i}
                        lineName={d.name}
                        groupName={groupName}
                      />
                    </div>
                  </div>
                ))}
              </React.Fragment>
            ))}
          </div>
        </div>
      );
    });
  }