fix dataTable add updata and delete

This commit is contained in:
Wikzyy
2025-03-12 10:49:56 +07:00
parent 0af3fba650
commit 7759d0cfc4

View File

@ -34,47 +34,54 @@ const ManageAccount = () => {
const { GetData } = useCallApi(); const { GetData } = useCallApi();
// console.log(accounts); // console.log(accounts);
useEffect(() => { // useEffect(() => {
const fetchAccount = async () => { // const fetchAccount = async () => {
try {
const response = await fetch(`${API_URL}/user/list`);
const data: Account[] = await response.json();
setAccounts(data);
} catch (error) {
console.error('Error fetching data', error);
}
};
fetchAccount();
}, []);
// const fetchAccount = async (page: number, limit: number, sorting: any, filter: any) => {
// try { // try {
// const response = await GetData(`${API_URL}/user/list`, { // const response = await axios.get(`${API_URL}/user/list`);
// limit: limit, // console.log(response);
// page: page + 1, // const data: Account[] = response.data;
// with_deleted: true, // setAccounts(data);
// order_field: sorting[0].id,
// order_direction: sorting[0].desc == false ? 'ASC' : 'DESC',
// filter: JSON.stringify(filter)
// });
// setAccounts(response?.data.list);
// return {
// data: response?.data.list,
// totalCount: response?.data.total_count
// };
// } catch (error) { // } catch (error) {
// console.log(error); // console.error('Error fetching data', error);
// } // }
// }; // };
// fetchAccount();
// }, []);
const fetchAccount = async (page: number, limit: number, sorting: any, filter: any) => {
try {
const response = await GetData(`${API_URL}/user/list`, {
limit: limit,
page: page + 1,
with_deleted: true,
order_field: sorting[0].id,
order_direction: sorting[0].desc == false ? 'ASC' : 'DESC',
filter: JSON.stringify(filter)
});
console.log(response?.data.list);
setAccounts(response?.data.list);
return {
data: response?.data.list,
totalCount: response?.data.total_count
};
} catch (error) {
console.log(error);
}
};
return ( return (
<div> <div>
<div className="container mx-auto p-5"> <div className="container mx-auto p-5">
<h1 className="text-xl font-medium leading-none text-gray-900 p-5">Manage Account</h1> <h1 className="text-xl font-medium leading-none text-gray-900 p-5">Manage Account</h1>
<DataTable columns={columns} data={dataAccount} /> <DataTable
columns={columns}
data={dataAccount}
onUpdate={() => console.log('update')}
onDelete={() => console.log('delete')}
/>
</div> </div>
</div> </div>
); );