Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 12399 Rev 12404
Línea 83... Línea 83...
83 
export const TablePagination = ({ onDecrement, onIncrement, currentPage, totalPages }) => {
 83 
export const TablePagination = ({ onDecrement, onIncrement, currentPage, totalPages }) => {
Línea 84... Línea 84...
84 
 
 84 
 
85 
	const maxPages = 5 > totalPages ? totalPages : 5
 85 
	const maxPages = 5 > totalPages ? totalPages : 5
Línea 86... Línea 86...
86 
	const [pages, setPages] = useState([currentPage])
 86 
	const [pages, setPages] = useState([currentPage])
87 
 
 87 
 
88 
	const generateCurrentPages = () => {
 88 
	useEffect(() => {
- 
 
 89 
		let nextPage = currentPage + 1
89 
		let nextPage = currentPage + 1
 90 
		let previousPage = currentPage - 1
90 
		let previousPage = currentPage - 1
 91 
 
91 
		for (let i = 0; i < maxPages; i++) {
 92 
		for (let i = 1; pages.length < maxPages; i++) {
92 
			if (previousPage > 0) {
 93 
			if (previousPage > 0) {
93 
				setPages([previousPage, ...pages])
 94 
				setPages(prev => prev.unshift(previousPage))
94 
			}
 95 
			}
95 
			if (nextPage <= totalPages) {
 96 
			if (nextPage <= totalPages) {
96 
				setPages([...pages, nextPage])
 97 
				setPages(prev => prev.push(currentPage))
97 
			}
 - 
 
98 
		}
 - 
 
99 
	}
 - 
 
100 
 
 - 
 
101 
	useEffect(() => {
 98 
			}
Línea 102... Línea 99...
102 
		generateCurrentPages()
 99 
		}
103 
	}, [currentPage])
 100 
	}, [currentPage])
104 
 
 101 
 
105 
	return (
 102 
	return (
106 
		<ul className="pagination mb-0">
 103 
		<ul className="pagination mb-0">
107 
			<li className="paginate_button page-item previous">
 104 
			<li className="paginate_button page-item previous disabled">
108 
				<button
 105 
				<button
109 
					type='button'
 106 
					type='button'