components/page.js

import {Badge, Button, ButtonGroup, Form, Pagination, Table} from "react-bootstrap";
import Router from "next/router";
import {getPathSearchParamObj} from "../utils/window";
import $ from 'jquery'

export const AddBtn = ({onClick}) => 
export const DataBaseBtn = ({handleShow, handleDel}) => (
    
    
)
export const DataStatus = ({status}) => status == 1 ? YES : NO
export const ModalBtn = ({handleClose, handleSubmit}) => (
    
    
)
export const OptionStatus = ({status}) => {
    return (
        <>
            select status
            YES
            NO
        
    )
}
export const SearchBtn = ({handleSearch, handleReset}) => {
    return (
        
            
            
        
    )
}
export const PageBreadcrumb = () => {
    return 
PageBreadcrumb
}
export const PagePagination = ({page, pageSize, totalCount, totalPage}) => {
    return (
        

             {
                    const paramObj = getPathSearchParamObj();
                    paramObj.pageSize = e.target.value
                    const url = location.pathname + '?' + $.param(paramObj)
                    Router.push(url)
                }}
            >
                Page Size
                1
                3
                5
                10
                20
                50
                100
                200

            
            
                 {
                        const paramObj = getPathSearchParamObj();
                        paramObj.page = page - 1
                        const url = location.pathname + '?' + $.param(paramObj)
                        Router.push(url)
                    }}/>
                 {
                        const paramObj = getPathSearchParamObj();
                        paramObj.page = page + 1
                        const url = location.pathname + '?' + $.param(paramObj)
                        Router.push(url)
                    }}/>

                Current:{page}
                TotalPage:{totalPage}
                TotalCount:{totalCount}
            
        
    )
}
export const PageTable = ({children}) => {
    return (
        
            {children}
        
    )
}