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 (
<div className="main_content col-md-9 col-sm-12">
<div className="episode_pages col-md-9 col-sm-12">
<div className="show_episodes">
{episodedata.data.map((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>
))}
</div>
<ReactPaginate
<ReactPaginate
marginPagesDisplayed={2}
pageRangeDisplayed={5}
previousLabel={"previous"}
@ -39,8 +38,8 @@ const EpisodePager = ({ episodedata, config, showdata }) => {
breakLabel={"..."}
initialPage={episodedata.page}
pageCount={episodedata.meta.pagination.pageCount}
onPageChange={handlePagination}
/>
onPageChange={handlePagination}/>
</div>
</div>
)
}