| Server IP : 46.105.57.169 / Your IP : 216.73.216.67 Web Server : Apache System : Linux webm002.cluster120.gra.hosting.ovh.net 6.18.42-ovh-vps-grsec-zfs+ #1 SMP PREEMPT_DYNAMIC Wed Aug 5 15:59:48 CEST 2026 x86_64 User : verseaumee ( 152031) PHP Version : 8.5.7 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/verseaumee/blueversion/wp-content/plugins/give/src/Views/Components/Pagination/ |
Upload File : |
import PropTypes from 'prop-types';
import { __ } from '@wordpress/i18n'
const Pagination = ({currentPage = 1, totalPages = 0, disabled = false, setPage = () => {}}) => {
if (1 >= totalPages) {
return false;
}
const nextPage = parseInt(currentPage) + 1;
const previousPage = parseInt(currentPage) - 1;
return (
<div className="tablenav bottom">
<div className="tablenav-pages">
<div className="pagination-links">
{previousPage > 0 ? (
<>
<a
href="#"
className="tablenav-pages-navspan button"
onClick={(e) => {
e.preventDefault();
if (!disabled) {
setPage(1);
}
}}
>
«
</a>{' '}
<a
href="#"
className="tablenav-pages-navspan button"
onClick={(e) => {
e.preventDefault();
if (!disabled) {
setPage(parseInt(currentPage) - 1);
}
}}
>
‹
</a>
</>
) : (
<span className="tablenav-pages-navspan button disabled">‹</span>
)}
<span className="screen-reader-text">{__('Current Page', 'give')}</span>
<span id="table-paging" className="paging-input">
<span className="tablenav-paging-text">
{' '}
{currentPage} {__('of', 'give')} <span className="total-pages">{totalPages}</span>{' '}
</span>
</span>
{nextPage <= totalPages ? (
<>
<a
href="#"
className="tablenav-pages-navspan button"
onClick={(e) => {
e.preventDefault();
if (!disabled) {
setPage(parseInt(currentPage) + 1);
}
}}
>
›
</a>{' '}
<a
href="#"
className="tablenav-pages-navspan button"
onClick={(e) => {
e.preventDefault();
if (!disabled) {
setPage(totalPages);
}
}}
>
»
</a>
</>
) : (
<span className="tablenav-pages-navspan button disabled">›</span>
)}
</div>
</div>
</div>
);
};
Pagination.propTypes = {
// Current page
currentPage: PropTypes.number.isRequired,
// Total number of pages
totalPages: PropTypes.number.isRequired,
// Function to set the next/previous page
setPage: PropTypes.func.isRequired,
// Is pagination disabled
disabled: PropTypes.bool.isRequired,
};
export default Pagination;