TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix dataTable add updata and delete

Browse Source
This commit is contained in:
Wikzyy
2025-03-12 10:49:56 +07:00
parent 0af3fba650
commit 7759d0cfc4
1 changed files with 39 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/pages/account/manage-account/ManageAccount.tsx
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 { // try {
const response = await fetch(`${API_URL}/user/list`); // const response = await axios.get(`${API_URL}/user/list`);
const data: Account[] = await response.json(); // console.log(response);
setAccounts(data); // const data: Account[] = response.data;
} catch (error) { // setAccounts(data);
console.error('Error fetching data', error); // } catch (error) {
} // console.error('Error fetching data', error);
}; // }
// };
fetchAccount(); // fetchAccount();
}, []); // }, []);
// const fetchAccount = async (page: number, limit: number, sorting: any, filter: any) => { const fetchAccount = async (page: number, limit: number, sorting: any, filter: any) => {
// try { try {
// const response = await GetData(`${API_URL}/user/list`, { const response = await GetData(`${API_URL}/user/list`, {
// limit: limit, limit: limit,
// page: page + 1, page: page + 1,
// with_deleted: true, with_deleted: true,
// order_field: sorting[0].id, order_field: sorting[0].id,
// order_direction: sorting[0].desc == false ? 'ASC' : 'DESC', order_direction: sorting[0].desc == false ? 'ASC' : 'DESC',
// filter: JSON.stringify(filter) filter: JSON.stringify(filter)
// }); });
// setAccounts(response?.data.list); console.log(response?.data.list);
setAccounts(response?.data.list);
// return { return {
// data: response?.data.list, data: response?.data.list,
// totalCount: response?.data.total_count totalCount: response?.data.total_count
// }; };
// } catch (error) { } catch (error) {
// console.log(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>
); );