| Server IP : 172.67.174.47 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /././home/tempvsty/pontiacques.org/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;