@prisma-cms/front-editor/src/components/Connectors/Connector/Pagination/index.js

import React, { Fragment } from 'react'

import Connector, { ConnectorContext } from '..'

import PaginationIcon from 'material-ui-icons/LastPage'
import EditorComponent from '../../../../EditorComponent'

import PaginationProto from '../../../../common/Pagination'

// TODO Fix pagination
class Pagination extends EditorComponent {
  static Name = 'Pagination'

  static defaultProps = {
    ...EditorComponent.defaultProps,
    hide_wrapper_in_default_mode: true,
  }

  renderPanelView(content) {
    return super.renderPanelView(
      content || (
        <div className="editor-component--panel-icon">
          <PaginationIcon /> Pagination
        </div>
      )
    )
  }

  canBeChild() {
    return false
  }

  canBeParent(parent) {
    let can = false

    // return false;

    if (super.canBeParent(parent)) {
      while (parent) {
        if (parent instanceof Connector) {
          can = true

          break
        }

        parent = parent.props.parent
      }
    }

    return can
  }

  renderChildren() {
    return (
      <Fragment key="pagination">
        <ConnectorContext.Consumer>
          {(context) => {
            const { data, pageVariable = 'page' } = context

            if (!data) {
              return
            }

            const { objectsConnection, variables } = data

            if (!objectsConnection) {
              return null
            }

            const {
              aggregate: { count: total },
            } = objectsConnection

            const { first: limit } = variables || {}

            const { uri } = this.context

            let { [pageVariable]: page } = uri.query(true)

            page = parseInt(page) || 0

            return (
              <PaginationProto
                pageVariable={pageVariable}
                limit={limit}
                total={total}
                page={page || 1}
              />
            )
          }}
        </ConnectorContext.Consumer>

        {super.renderChildren()}
      </Fragment>
    )
  }
}

export default Pagination