Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1211 stevensc 1 
import React, { useMemo } from 'react'
1212 stevensc 2 
import { Pagination } from '@mui/material'
5 stevensc 3 
import styled from 'styled-components'
4 
 
1207 stevensc 5 
const StyledPagination = styled(Pagination)`
5 stevensc 6 
  display: flex;
7 
  justify-content: center;
8 
  align-items: center;
1207 stevensc 9 
  gap: 0.5rem;
10 
  flex-direction: ${(props) => (props.isRow ? 'row' : 'column')};
11 
  width: 100%;
5 stevensc 12 
`
13 
 
14 
const PaginationComponent = ({
15 
  pages = 1,
16 
  currentActivePage = 1,
17 
  onChangePage,
1196 stevensc 18 
  isRow
5 stevensc 19 
}) => {
1211 stevensc 20 
  const currentPage = useMemo(
21 
    () => Number(currentActivePage) || 1,
22 
    [currentActivePage]
23 
  )
1208 stevensc 24 
 
1207 stevensc 25 
  if (pages <= 1) {
26 
    return null
5 stevensc 27 
  }
28 
 
1207 stevensc 29 
  return (
1212 stevensc 30 
    <StyledPagination
31 
      count={pages}
32 
      page={currentPage}
33 
      onChange={(_, page) => onChangePage(page)}
34 
      variant='outlined'
35 
      shape='rounded'
36 
      isRow={isRow}
37 
    />
5 stevensc 38 
  )
39 
}
40 
 
41 
export default PaginationComponent