27 lines
1.1 KiB
TypeScript
27 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import { PaginationDataSet } from '@/api/http';
|
|
|
|
const TFootPaginated = ({ pagination, span }: { span: number; pagination: PaginationDataSet }) => {
|
|
const start = (pagination.currentPage - 1) * pagination.perPage;
|
|
const end = (pagination.currentPage - 1) * pagination.perPage + pagination.count;
|
|
|
|
return (
|
|
<tfoot>
|
|
<tr className={'bg-neutral-800'}>
|
|
<td scope={'col'} colSpan={span} className={'px-4 py-2'}>
|
|
<p className={'text-sm text-neutral-500'}>
|
|
Showing{' '}
|
|
<span className={'font-semibold text-neutral-400'}>
|
|
{Math.max(start, Math.min(pagination.total, 1))}
|
|
</span>{' '}
|
|
to
|
|
<span className={'font-semibold text-neutral-400'}>{end}</span> of
|
|
<span className={'font-semibold text-neutral-400'}>{pagination.total}</span> results.
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</tfoot>
|
|
);
|
|
};
|
|
|
|
export default TFootPaginated;
|