Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 11442 | Rev 12396 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 11442 Rev 12395
Línea 79... Línea 79...
79 
		</table >
 79 
		</table >
80 
	)
 80 
	)
81 
}
 81 
}
Línea 82... Línea 82...
82 
 
 82 
 
- 
 
 83 
export const TablePagination = ({ onDecrement, onIncrement, currentPage, totalPages }) => {
- 
 
 84 
 
- 
 
 85 
	const maxPages = 5 > totalPages ? totalPages : 5
- 
 
 86 
	const [pages, setPages] = useState([currentPage])
- 
 
 87 
 
- 
 
 88 
	const generateCurrentPages = () => {
- 
 
 89 
		let isPreviousOrNext = false
- 
 
 90 
		let pagesCont = 1
- 
 
 91 
		let nextPage = currentPage + 1
- 
 
 92 
		let previousPage = currentPage - 1
- 
 
 93 
		do {
- 
 
 94 
			if (isPreviousOrNext) {
- 
 
 95 
				// nextPage
- 
 
 96 
				if (nextPage < totalPages) {
- 
 
 97 
					setPages([...pages, nextPage])
- 
 
 98 
					nextPage++
- 
 
 99 
					pagesCont++
- 
 
 100 
				}
- 
 
 101 
				isPreviousOrNext = !isPreviousOrNext
- 
 
 102 
			} else {
- 
 
 103 
				// previousPage
- 
 
 104 
				if (previousPage > (currentPage - 3)) {
- 
 
 105 
					setPages([previousPage, ...pages])
- 
 
 106 
					previousPage--
- 
 
 107 
					pagesCont++
- 
 
 108 
				}
- 
 
 109 
				isPreviousOrNext = !isPreviousOrNext
- 
 
 110 
			}
- 
 
 111 
		} while (pagesCont < maxPages)
- 
 
 112 
	}
- 
 
 113 
 
- 
 
 114 
	useEffect(() => {
- 
 
 115 
		generateCurrentPages()
- 
 
 116 
	}, [currentPage])
83 
export const TablePagination = ({ onDecrement, onIncrement, currentPage, totalPages }) => {
 117 
 
84 
	return (
 118 
	return (
85 
		<ul className="pagination mb-0">
 119 
		<ul className="pagination mb-0">
86 
			<li className="paginate_button page-item previous">
 120 
			<li className="paginate_button page-item previous">
87 
				<button
 121 
				<button
Línea 92... Línea 126...
92 
				>
 126 
				>
93 
					<i className='fa fa-angle-left' />
 127 
					<i className='fa fa-angle-left' />
94 
				</button>
 128 
				</button>
95 
			</li>
 129 
			</li>
96 
			<li className="paginate_button page-item">
 130 
			<li className="paginate_button page-item">
- 
 
 131 
				{
- 
 
 132 
					pages.map((page, index) => (
97 
				<button className="page-link">
 133 
						<button key={index} className="page-link">
98 
					{currentPage}
 134 
							{page}
99 
				</button>
 135 
						</button>
- 
 
 136 
					))
- 
 
 137 
				}
100 
			</li>
 138 
			</li>
101 
			<li className="paginate_button page-item next">
 139 
			<li className="paginate_button page-item next">
102 
				<button
 140 
				<button
103 
					type='button'
 141 
					type='button'
104 
					className="page-link"
 142 
					className="page-link"