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%;
1218 stevensc 12 
  .MuiPaginationItem-root {
13 
    background-color: ${(props) => props.theme.background.color.primary};
14 
  }
5 stevensc 15 
`
16 
 
17 
const PaginationComponent = ({
18 
  pages = 1,
19 
  currentActivePage = 1,
1775 stevensc 20 
  onChangePage = () => {},
21 
  isRow = true
5 stevensc 22 
}) => {
1211 stevensc 23 
  const currentPage = useMemo(
24 
    () => Number(currentActivePage) || 1,
25 
    [currentActivePage]
26 
  )
1208 stevensc 27 
 
1625 stevensc 28 
  if (pages <= 1) {
29 
    return null
30 
  }
31 
 
1207 stevensc 32 
  return (
1212 stevensc 33 
    <StyledPagination
34 
      count={pages}
35 
      page={currentPage}
36 
      onChange={(_, page) => onChangePage(page)}
37 
      variant='outlined'
38 
      shape='rounded'
39 
      isRow={isRow}
40 
    />
5 stevensc 41 
  )
42 
}
43 
 
44 
export default PaginationComponent