Proyectos de Subversion LeadersLinked - SPA

Rev

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

Rev 2964 Rev 2965
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { Pagination as MuiPagination } from '@mui/material'
 2 
import { Pagination as MuiPagination, styled } from '@mui/material'
- 
 
 3 
 
- 
 
 4 
import colors from '@styles/colors'
- 
 
 5 
 
- 
 
 6 
const StyledPagination = styled(MuiPagination)(({ theme }) => ({
- 
 
 7 
  padding: theme.spacing(0, 1),
- 
 
 8 
  '.MuiPagination-ul': {
- 
 
 9 
    width: '100%',
- 
 
 10 
    display: 'flex',
- 
 
 11 
    alignItems: 'center',
- 
 
 12 
    justifyContent: 'space-around',
- 
 
 13 
    gap: theme.spacing(0.5)
- 
 
 14 
  },
- 
 
 15 
  '.MuiPaginationItem-root': {
- 
 
 16 
    backgroundColor: colors.main
- 
 
 17 
  }
- 
 
 18 
}))
Línea 3... Línea 19...
3 
 
 19 
 
4 
const Pagination = ({ pages = 1, page = 1, onChange = () => {} }) => {
 20 
const Pagination = ({ pages = 1, page = 1, onChange = () => {} }) => {
Línea 5... Línea 21...
5 
  const currentPage = Number(page) || 1
 21 
  const currentPage = Number(page) || 1
Línea 9... Línea 25...
9 
  if (pages <= 1) {
 25 
  if (pages <= 1) {
10 
    return null
 26 
    return null
11 
  }
 27 
  }
Línea 12... Línea 28...
12 
 
 28 
 
- 
 
 29 
  return (
- 
 
 30 
    <StyledPagination
- 
 
 31 
      count={pages}
13 
  return (
 32 
      page={currentPage}
- 
 
 33 
      onChange={handleChange}
14 
    <MuiPagination count={pages} page={currentPage} onChange={handleChange} />
 34 
    />
15 
  )
 35 
  )
Línea 16... Línea 36...
16 
}
 36 
}