blob: 485295febc415dc9f312cdd9a4eb11775506ef5c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
import Link from "../Link/Link"
const Pagination = ({ pageCount, currentPage, url, className }) => {
let firstPage = false
let lastPage = false
let dotsPrevPage = false
let dotsNextPage = false
let urlParameterPrefix = url.includes('?') ? '&' : '?'
return pageCount > 1 && (
<div className={`pagination ${className}`}>
{ Array.from(Array(pageCount)).map((v, i) => {
let page = i + 1
let rangePrevPage = currentPage - 2
let rangeNextPage = currentPage + 2
let PageComponent = <Link key={i} href={`${url + urlParameterPrefix}page=${page}`} className={"pagination-item" + (page == currentPage ? " pagination-item--active " : "")}>{page}</Link>
let DotsComponent = <div key={i} className="pagination-dots">...</div>
if (pageCount == 7) {
return PageComponent
}
if (currentPage == 1) rangeNextPage += 3
if (currentPage == 2) rangeNextPage += 2
if (currentPage == 3) rangeNextPage += 1
if (currentPage == 4) rangePrevPage -= 1
if (currentPage == pageCount) rangePrevPage -= 3
if (currentPage == pageCount - 1) rangePrevPage -= 2
if (currentPage == pageCount - 2) rangePrevPage -= 1
if (currentPage == pageCount - 3) rangeNextPage += 1
if (page > rangePrevPage && page < rangeNextPage) {
return PageComponent
}
if (page == 1 && rangePrevPage >= 1 && !firstPage) {
firstPage = true
return PageComponent
}
if (page == pageCount && rangeNextPage <= pageCount && !lastPage) {
lastPage = true
return PageComponent
}
if (page > currentPage && (pageCount - currentPage) > 1 && !dotsNextPage) {
dotsNextPage = true
return DotsComponent
}
if (page < currentPage && (currentPage - 1) > 1 && !dotsPrevPage) {
dotsPrevPage = true
return DotsComponent
}
}) }
</div>
)
}
Pagination.defaultProps = {
className: ''
}
export default Pagination
|
