render()

in ui/src/client/components/Pages/SchemasContainer/Paginator/Paginator.js [33:68]

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

  render() {
    const {
      page, totalElements, size, onChangePage, onChangeSize,
    } = this.props;
    if (totalElements === 0) {
      return null;
    }
    return (
      <div className="paginator-container">
        <Paginator
          key={nanoid()}
          className="paginator"
          amount={totalElements}
          initIndex={page}
          onPickerChange={onChangePage}
          valuePerPage={size}
          pickerClassName="picker"
          labelClassName="label"
          delimeterClassName="delimeter"
          controlClassName="control"
          enableInputControl={false}
          enableControls={false}
        />
        <div className="paginator-size-selector">
          <p>Rows per page: </p>
          <Selector
            options={[10, 20, 50]}
            selectedOption={size.toString()}
            onOptionChange={option => onChangeSize(+option)}
            buttonClassName="paginator-size-selector-button"
            arrowComponent={() => (<div className="paginator-arrow" />)}
          />
        </div>
      </div>
    );
  }