cncjs

1
import React from 'react';
2
import * as Paginations from '@trendmicro/react-paginations';
3
import '@trendmicro/react-paginations/dist/react-paginations.css';
4
import i18n from 'app/lib/i18n';
5

6
export const TablePagination = (props) => {
7
  return (
8
    <Paginations.TablePagination
9
      {...props}
10
      pageRecordsRenderer={({ totalRecords, from, to }) => {
11
        if (totalRecords > 0) {
12
          return i18n._('Records: {{from}} - {{to}} / {{total}}', {
13
            from,
14
            to,
15
            total: totalRecords
16
          });
17
        }
18

19
        return i18n._('Records: {{total}}', { total: totalRecords });
20
      }}
21
      pageLengthRenderer={({ pageLength }) => (
22
        <span>
23
          {i18n._('{{pageLength}} per page', { pageLength })}
24
          <i className="caret" />
25
        </span>
26
      )}
27
    />
28
  );
29
};
30