purserj/angrybeanie-front-end
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Fix for pager issue

Browse source
This commit is contained in:
James Purser 2022-06-28 21:11:53 +10:00
parent 47cc80e747
commit 2eb491d2b3
1 changed files with 4 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
components/episodepager.js
View file

@ -16,7 +16,7 @@ const EpisodePager = ({ episodedata, config, showdata }) => {
} }
return ( return (
<div className="main_content col-md-9 col-sm-12"> <div className="episode_pages col-md-9 col-sm-12">
<div className="show_episodes"> <div className="show_episodes">
{episodedata.data.map((episode) => ( {episodedata.data.map((episode) => (
<div key={episode.attributes.Slug} className="episode"> <div key={episode.attributes.Slug} className="episode">
@ -30,8 +30,7 @@ const EpisodePager = ({ episodedata, config, showdata }) => {
<div className="episode_body" dangerouslySetInnerHTML={{ __html: episode.attributes.Description}}></div> <div className="episode_body" dangerouslySetInnerHTML={{ __html: episode.attributes.Description}}></div>
</div> </div>
))} ))}
</div> <ReactPaginate
<ReactPaginate
marginPagesDisplayed={2} marginPagesDisplayed={2}
pageRangeDisplayed={5} pageRangeDisplayed={5}
previousLabel={"previous"} previousLabel={"previous"}
@ -39,8 +38,8 @@ const EpisodePager = ({ episodedata, config, showdata }) => {
breakLabel={"..."} breakLabel={"..."}
initialPage={episodedata.page} initialPage={episodedata.page}
pageCount={episodedata.meta.pagination.pageCount} pageCount={episodedata.meta.pagination.pageCount}
onPageChange={handlePagination} onPageChange={handlePagination}/>
/> </div>
</div> </div>
) )
} }