* Fixes/Removed javascript:void(0) from links (Since React v16.9 unsafe script is not allowed)
* Fixes Paginator callback null conditions
This commit is contained in:
Indrajith K L
2019-12-12 21:13:25 +05:30
parent 5e3d9da215
commit 1eb6d5f186

View File

@@ -13,15 +13,21 @@ const Paginator = (props) => {
} }
const onPrevious = ()=>{ const onPrevious = ()=>{
if(props.previousPage){
props.previousPage(); props.previousPage();
} }
}
const onNext = ()=>{ const onNext = ()=>{
if(props.nextPage){
props.nextPage(); props.nextPage();
} }
}
const onPageClick = (pageNum)=>{ const onPageClick = (pageNum)=>{
props.goToNextPage(pageNum) if(props.goToNextPage){
props.goToNextPage(pageNum);
}
} }
@@ -29,18 +35,18 @@ const Paginator = (props) => {
<nav> <nav>
<ul className="pagination"> <ul className="pagination">
<li className={previousItemStyle}> <li className={previousItemStyle}>
<a className="page-link" href="javascript:void(0)" onClick={onPrevious}>Previous</a> <a className="page-link" href="#!" onClick={onPrevious}>Previous</a>
</li> </li>
{pages.map(_page=>{ {pages.map(_page=>{
return( return(
<li key={_page} className={_page==currentPage ? "page-item active" : "page-item"}> <li key={_page} className={_page==currentPage ? "page-item active" : "page-item"}>
<a className="page-link" href="javascript:void(0)" onClick={onPageClick.bind(this, _page)}>{_page}</a> <a className="page-link" href="#!" onClick={onPageClick.bind(this, _page)}>{_page}</a>
</li> </li>
) )
})} })}
<li className={nextItemStyle}> <li className={nextItemStyle}>
<a className="page-link" href="#" onClick={onNext}>Next</a> <a className="page-link" href="#!" onClick={onNext}>Next</a>
</li> </li>
</ul> </ul>
</nav> </nav>