67 lines
2.2 KiB
JavaScript
67 lines
2.2 KiB
JavaScript
export default function Pagination({
|
|
prev,
|
|
currentPage,
|
|
getPaginationGroup,
|
|
next,
|
|
pages,
|
|
handleActive,
|
|
}) {
|
|
return (
|
|
<>
|
|
|
|
{/* <ul className="pagination justify-content-center">
|
|
<li className="active page-item">
|
|
<Link href="/blog-details" className="page-link">1</Link>
|
|
</li>
|
|
<li className=" page-item">
|
|
<Link href="/blog-details" className="page-link">2</Link>
|
|
</li>
|
|
<li className="next_link page-item">
|
|
<Link href="/blog-details">
|
|
<i className="fa fa-arrow-right" />
|
|
</Link>
|
|
</li>
|
|
</ul> */}
|
|
<ul className="pagination justify-content-center">
|
|
{getPaginationGroup.length <= 0 ? null : (
|
|
<li onClick={prev} className="next_link page-item">
|
|
{currentPage === 1 ? null : (
|
|
<a>
|
|
<i className="fa fa-arrow-left" />
|
|
</a>
|
|
)}
|
|
</li>
|
|
)}
|
|
|
|
{getPaginationGroup.map((item, index) => {
|
|
return (
|
|
<li
|
|
onClick={() => handleActive(item)}
|
|
key={index}
|
|
className={
|
|
currentPage === item
|
|
? "page-item active"
|
|
: "page-item"
|
|
}
|
|
>
|
|
<a className="page-link">{item}</a>
|
|
</li>
|
|
)
|
|
})}
|
|
|
|
{getPaginationGroup.length <= 0 ? null : (
|
|
<li onClick={next} className="next_link page-item">
|
|
{currentPage >= pages ? null : (
|
|
<a>
|
|
<i className="fa fa-arrow-right" />
|
|
</a>
|
|
)}
|
|
</li>
|
|
)}
|
|
</ul>
|
|
|
|
|
|
|
|
</>
|
|
)
|
|
} |