1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / chinawholesale-frontend-next / src / hooks /
Filename : pagination-handler.tsx
back
import { useRouter, useSearchParams } from 'next/navigation'
import { useState } from 'react'

export function usePaginationHandler(baseUrl: string) {

    const [selectedRowKeys, setSelectedRowKeys] = useState([])

    const router = useRouter()
    const query = useSearchParams()

    const handleTableChange = ({ pageSize, current }: any, filters: any) => {
        const type = query.get('type') || ''
        const search = query.get('search') || ''
        const trash = query.get('trash') || ''
        const limit = pageSize || query.get('limit') || 10
        const page = current || query.get('page') || 1

        let newUrl = ''
        if (type) newUrl += `&type=${type}`
        if (search) newUrl += `&search=${search}`
        if (trash) newUrl += `&trash=${trash}`
        if (limit) newUrl += `&limit=${limit}`
        if (page) newUrl += `&page=${page}`

        if (Object.keys(filters).length > 0) {
            for (let key in filters) {
                const filter = filters[key]
                if (filter) newUrl += `&${key}=` + filter
            }
        }

        if (newUrl) newUrl = newUrl.indexOf('&') == 0 ? newUrl.substring(1) : newUrl
        newUrl = baseUrl + (newUrl ? `?${newUrl}` : '')

        router.replace(newUrl)
    }

    const handleSearch = (search: string) => {
        let newUrl = ''
        if (search) newUrl += `&search=${search}`
        if (newUrl) newUrl = newUrl.indexOf('&') == 0 ? newUrl.substring(1) : newUrl
        newUrl = baseUrl + (newUrl ? `?${newUrl}` : '')
        router.replace(newUrl)
    }

    const setResetQuery = () => {
        router.replace(baseUrl)
    }

    return {
        handleTableChange,
        handleSearch,
        setResetQuery,
        selectedRowKeys,
        setSelectedRowKeys,
    }
}