Function content

src/ui-solid-dom/SortedTablePaginator.tsx:83–123

()

  props: SortedTablePaginatorProps,
) => {
  const content = () => {
    let offset = props.offset ?? 0;
    const limit = props.limit ?? props.total;
    if (offset > props.total || offset < 0) {
      offset = 0;
      props.onChange(0);
    }
    const singular = props.singular ?? 'row';
    const plural = props.plural ?? singular + 's';
    return (
      <>
        {props.total > limit && (
          <>
            <button
              class="previous"
              disabled={offset == 0}
              onClick={getCallbackOrUndefined(
                () => props.onChange(offset - limit),
                offset > 0,
              )}
            >
              {LEFT_ARROW}
            </button>
            <button
              class="next"
              disabled={offset + limit >= props.total}
              onClick={getCallbackOrUndefined(
                () => props.onChange(offset + limit),
                offset + limit < props.total,
              )}
            >
              {RIGHT_ARROW}
            </button>
            {offset + 1} to {mathMin(props.total, offset + limit)}
            {' of '}
          </>
        )}
        {props.total} {props.total != 1 ? plural : singular}
      </>
    );
  };
  return <>{content()}</>;
};