30 lines
738 B
JavaScript
30 lines
738 B
JavaScript
|
import { useSelector } from "react-redux"
|
||
|
|
import get from "lodash.get"
|
||
|
|
|
||
|
|
const getPerPage = (width) => {
|
||
|
|
if (width === 'xs') return 12
|
||
|
|
if (width === 'sm') return 12
|
||
|
|
if (width === 'md') return 15
|
||
|
|
if (width === 'lg') return 18
|
||
|
|
return 21
|
||
|
|
}
|
||
|
|
|
||
|
|
const getPerPageOptions = (width) => {
|
||
|
|
const options = [3, 6, 12]
|
||
|
|
if (width === 'xs') return [12]
|
||
|
|
if (width === 'sm') return [12]
|
||
|
|
if (width === 'md') return options.map((v) => v * 4)
|
||
|
|
return options.map((v) => v * 6)
|
||
|
|
}
|
||
|
|
|
||
|
|
const useAlbumPerPage = (width) => {
|
||
|
|
const perPage =
|
||
|
|
useSelector((state) =>
|
||
|
|
get(state.admin.resources, ['album', 'list', 'params', 'perPage'])
|
||
|
|
) || getPerPage(width)
|
||
|
|
|
||
|
|
return [perPage, getPerPageOptions(width)]
|
||
|
|
}
|
||
|
|
|
||
|
|
export default useAlbumPerPage
|