render()

in modules/manifold/src/components/ui/segment-filters-control/segment-filters-control.js [124:158]


  render() {
    const {columnDefs} = this.props;
    const {hasChanged, segmentFilters} = this.state;

    return (
      <Container>
        <SegmentPanelList
          segmentFilters={segmentFilters}
          columnDefs={columnDefs}
          onRemoveSegment={this._onRemoveSegment}
          onUpdateFilterValue={this._onUpdateFilterValue}
        />
        <Header>
          <ConfirmButton
            disabled={!hasChanged}
            onClick={this._onUpdateSegmentFilters}
          >
            {hasChanged ? 'Confirm' : 'Confirmed!'}
          </ConfirmButton>
        </Header>
        <Footer>
          <IconButton onClick={this._onAppendSegment}>
            <Plus size={18} />
            {'Add segment'}
          </IconButton>
          <ConfirmButton
            disabled={!hasChanged}
            onClick={this._onUpdateSegmentFilters}
          >
            {hasChanged ? 'Confirm' : 'Confirmed!'}
          </ConfirmButton>
        </Footer>
      </Container>
    );
  }