//Custom Table with pagination
import axios from 'axios';
import React, { useEffect, useState } from 'react'
const CustomTable = () => {
const [data, setData] = useState([]);
const [employeeInitialState, setEmployeeInitialState] = useState({
pageNumber: 1,
pageSize: 2,
totalItems: null,
filter: '',
});
const handleApi = async () => {
try {
const res = await axios.get(
`http://localhost:5900/getbooking2?pageNumber=${employeeInitialState.pageNumber}&pageSize=${employeeInitialState.pageSize}&filter=${employeeInitialState.filter}`
);
if (res.status === 200) {
setData(res.data.data.result);
setEmployeeInitialState((prevState) => ({
...prevState,
totalItems: res.data.data.count || 0,
}));
}
} catch (error) {
console.error("Error fetching data:", error);
}
};
const handlePageChange = (direction) => {
setEmployeeInitialState((prevState) => {
const newPageNumber =
direction === 'next'
? prevState.pageNumber + 1
