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

fixing transactiontype and transactionfee

Browse Source
This commit is contained in:
bagusajisaputroo
2025-04-14 20:09:58 +07:00
parent 18c1687ef7
commit d0ac8c55b4
8 changed files with 711 additions and 597 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
src/pages/transfer/transferfee/blocks/AddDialog.tsx
View File

@ -86,7 +86,7 @@ const AddFeeDialog = () => {
const [isLoadingCustomers, setIsLoadingCustomers] = useState(false);
const customersWithNames = customers.map((customer) => ({
id: customer.id,
name: customer.username,
name: customer.username
}));
const initialState = {
name: '',
@ -126,14 +126,17 @@ const AddFeeDialog = () => {
if (showAddFeeDialog && transactionTypeId) {
setIsLoadingTransactionType(true);
setFormField(prev => ({
setFormField((prev) => ({
...prev,
transaction_type: transactionTypeId
}));
const getTransactionTypeDetails = async () => {
try {
const response = await GetData(`${API_URL}/transactiontype/getdata/${transactionTypeId}`, {});
const response = await GetData(
`${API_URL}/transactiontype/getdata/${transactionTypeId}`,
{}
);
if (response?.status && response?.data) {
setTransactionTypeName(response.data.name);
}
@ -153,7 +156,7 @@ const AddFeeDialog = () => {
const formattedTime = created_time.toISOString().slice(0, 19).replace('T', ' ');
if (showAddFeeDialog) {
setFormField(prev => ({
setFormField((prev) => ({
...prev,
created_by: parsedUser?.username,
created_at: formattedTime
@ -193,7 +196,7 @@ const AddFeeDialog = () => {
page: 1,
with_deleted: false,
order_field: 'Wallets.name',
order_direction: 'ASC',
order_direction: 'ASC'
};
try {
const response = await GetData(`${API_URL_MASTER_DATA}/wallet/list`, params);
@ -325,16 +328,12 @@ const AddFeeDialog = () => {
const renderSelectWithLoading = (
value: string,
onChangeHandler: (value: string) => void,
options: {id: string, name: string}[] | null,
options: { id: string; name: string }[] | null,
placeholder: string,
isLoading: boolean
) => {
return (
<Select
value={value}
onValueChange={onChangeHandler}
disabled={isLoading}
>
<Select value={value} onValueChange={onChangeHandler} disabled={isLoading}>
<SelectTrigger>
{isLoading ? (
<div className="flex items-center">
@ -346,7 +345,8 @@ const AddFeeDialog = () => {
)}
</SelectTrigger>
<SelectContent>
{options && options.map((option) => (
{options &&
options.map((option) => (
<SelectItem value={option.id} key={option.id}>
{option.name}
</SelectItem>
@ -389,7 +389,9 @@ const AddFeeDialog = () => {
<div className="card flex flex-col gap-5">
<div className="card-body grid gap-5 p-0">
<div className="w-full">
<label className="form-label">Transaction Type ID <span className="text-red-500">*</span></label>
<label className="form-label">
Transaction Type ID <span className="text-red-500">*</span>
</label>
{transactionTypeId ? (
<div className="relative">
<Input
@ -412,13 +414,15 @@ const AddFeeDialog = () => {
formField.transaction_type,
(transaction_type) => setFormField((prev) => ({ ...prev, transaction_type })),
transactionTypes,
"Select Transaction Type",
'Select Transaction Type',
isLoadingTransactionType
)
)}
</div>
<div className="w-full">
<label className="form-label">Transfer Free Name <span className="text-red-500">*</span></label>
<label className="form-label">
Transfer Free Name <span className="text-red-500">*</span>
</label>
<Input
className="input"
type="text"
@ -430,7 +434,9 @@ const AddFeeDialog = () => {
/>
</div>
<div className="w-full">
<label className="form-label">Description <span className="text-red-500">*</span></label>
<label className="form-label">
Description <span className="text-red-500">*</span>
</label>
<Input
className="input"
type="text"
@ -476,7 +482,9 @@ const AddFeeDialog = () => {
/>
</div>
<div className="w-full">
<label className="form-label">Period Start <span className="text-red-500">*</span></label>
<label className="form-label">
Period Start <span className="text-red-500">*</span>
</label>
<Input
className="input"
type="date"
@ -488,7 +496,9 @@ const AddFeeDialog = () => {
/>
</div>
<div className="w-full">
<label className="form-label">Period End <span className="text-red-500">*</span></label>
<label className="form-label">
Period End <span className="text-red-500">*</span>
</label>
<Input
className="input"
type="date"
@ -551,7 +561,9 @@ const AddFeeDialog = () => {
/>
</div>
<div className="w-full">
<label className="form-label">Deduct From <span className="text-red-500">*</span></label>
<label className="form-label">
Deduct From <span className="text-red-500">*</span>
</label>
<Select
value={formField.deduct_from}
onValueChange={(value) => setFormField({ ...formField, deduct_from: value })}
@ -566,24 +578,31 @@ const AddFeeDialog = () => {
</Select>
</div>
<div className="w-full">
<label className="form-label">Deduct From Destination <span className="text-red-500">*</span></label>
<label className="form-label">
Deduct From Destination <span className="text-red-500">*</span>
</label>
{renderSelectWithLoading(
formField.deduct_from_account,
(value) => setFormField({ ...formField, deduct_from_account: value }),
wallets,
"Select Wallet",
'Select Wallet',
isLoadingWallets
)}
</div>
<div className="w-full">
<label className="form-label">Credit To <span className="text-red-500">*</span></label>
<label className="form-label">
Credit To <span className="text-red-500">*</span>
</label>
<Select
value={formField.credit_to}
onValueChange={(value) => setFormField({
onValueChange={(value) =>
setFormField({
...formField,
credit_to: value,
credit_destination: value === 'I' ? '' : '00000000-0000-0000-0000-000000000000'
})}
credit_destination:
value === 'I' ? '' : '00000000-0000-0000-0000-000000000000'
})
}
>
<SelectTrigger>
<SelectValue placeholder="Select Credit To" />
@ -597,28 +616,34 @@ const AddFeeDialog = () => {
</div>
{formField.credit_to === 'I' && (
<div className="w-full">
<label className="form-label">Credit Destination <span className="text-red-500">*</span></label>
<label className="form-label">
Credit Destination <span className="text-red-500">*</span>
</label>
{renderSelectWithLoading(
formField.credit_destination,
(value) => setFormField({ ...formField, credit_destination: value }),
customersWithNames,
"Select Customer",
'Select Customer',
isLoadingCustomers
)}
</div>
)}
<div className="w-full">
<label className="form-label">Credit Destination Account <span className="text-red-500">*</span></label>
<label className="form-label">
Credit Destination Account <span className="text-red-500">*</span>
</label>
{renderSelectWithLoading(
formField.credit_destination_account,
(value) => setFormField({ ...formField, credit_destination_account: value }),
wallets,
"Select Wallet",
'Select Wallet',
isLoadingWallets
)}
</div>
<div className="w-full">
<label className="form-label">Status <span className="text-red-500">*</span></label>
<label className="form-label">
Status <span className="text-red-500">*</span>
</label>
<Select
value={formField.status}
onValueChange={(value) => setFormField({ ...formField, status: value })}
@ -633,7 +658,9 @@ const AddFeeDialog = () => {
</Select>
</div>
<div className="w-full">
<label className="form-label">Status Include <span className="text-red-500">*</span></label>
<label className="form-label">
Status Include <span className="text-red-500">*</span>
</label>
<Select
value={formField.status_include}
onValueChange={(value) => setFormField({ ...formField, status_include: value })}
@ -648,7 +675,9 @@ const AddFeeDialog = () => {
</Select>
</div>
<div className="w-full">
<label className="form-label">Priority <span className="text-red-500">*</span></label>
<label className="form-label">
Priority <span className="text-red-500">*</span>
</label>
<Select
value={formField.priority}
onValueChange={(value) => setFormField({ ...formField, priority: value })}
@ -675,7 +704,12 @@ const AddFeeDialog = () => {
<Button
variant={'default'}
type="submit"
disabled={isSubmitting || isLoadingTransactionType || isLoadingWallets || isLoadingCustomers}
disabled={
isSubmitting ||
isLoadingTransactionType ||
isLoadingWallets ||
isLoadingCustomers
}
>
{isSubmitting ? 'Saving...' : 'Save Changes'}
</Button>

24
src/pages/transfer/transferfee/blocks/DeleteDialog.tsx
View File

@ -1,4 +1,11 @@
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle , DialogDescription} from '@/components/ui/dialog';
import {
Dialog,
DialogContent,
DialogFooter,
DialogHeader,
DialogTitle,
DialogDescription
} from '@/components/ui/dialog';
import { Button } from '@/components/ui/button';
import { Alert, useDataGrid } from '@/components';
import { useCallback, useState } from 'react';
@ -10,7 +17,8 @@ import { useManageTransferFeeContext } from '../hooks/useManageTransferFeeContex
const API_URL = apiConfig.service_transaction;
const DeleteFeeDialog = () => {
const { showDeleteFeeDialog, handleDeleteFeeDialog, selectedTransferFee } = useManageTransferFeeContext();
const { showDeleteFeeDialog, handleDeleteFeeDialog, selectedTransferFee } =
useManageTransferFeeContext();
const { reload } = useDataGrid();
const { DeleteData } = useCallApi();
const [alert, setAlert] = useState({
@ -19,9 +27,12 @@ const DeleteFeeDialog = () => {
});
const doDeleteTransferFee = useCallback(async () => {
const response = await DeleteData(`${API_URL}/transactionfees/delete/${selectedTransferFee}/false`, {
const response = await DeleteData(
`${API_URL}/transactionfees/delete/${selectedTransferFee}/false`,
{
id: selectedTransferFee
});
}
);
if (response?.status) {
setAlert({ show: false, message: '' });
@ -39,7 +50,9 @@ const DeleteFeeDialog = () => {
<DialogContent className="container-fixed max-w-md flex flex-col p-5 overflow-hidden [&>button]:hidden">
<DialogHeader className="p-0 border-0 block">
<DialogTitle className="text-lg">Delete Transfer Type</DialogTitle>
<DialogDescription className="text-sm">Are you sure you want to delete this data?</DialogDescription>
<DialogDescription className="text-sm">
Are you sure you want to delete this data?
</DialogDescription>
<Alert variant="warning">
<h3 className="text-lg">Are you sure?</h3>
<span className="text-sm">You will delete this data!</span>
@ -64,4 +77,3 @@ const DeleteFeeDialog = () => {
};
export default DeleteFeeDialog;

110
src/pages/transfer/transferfee/blocks/EditDialog.tsx
View File

@ -8,7 +8,14 @@ import {
SelectValue
} from '@/components/ui/select';
import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from '@/components/ui/command';
import {
Command,
CommandEmpty,
CommandGroup,
CommandInput,
CommandItem,
CommandList
} from '@/components/ui/command';
import {
Dialog,
DialogBody,
@ -96,7 +103,7 @@ const EditFeeDialog = () => {
const formattedTime = updated_time.toISOString().slice(0, 19).replace('T', ' ');
if (showEditFeeDialog) {
setFormField(prevState => ({
setFormField((prevState) => ({
...prevState,
updated_by: parsedUser?.username,
updated_at: formattedTime
@ -161,7 +168,10 @@ const EditFeeDialog = () => {
}
try {
const response = await PutData(`${API_URL}/transactionfees/update/${selectedTransferFee}`, payload);
const response = await PutData(
`${API_URL}/transactionfees/update/${selectedTransferFee}`,
payload
);
if (response?.status) {
toast.success('Successfully updated transfer fee');
@ -191,7 +201,7 @@ const EditFeeDialog = () => {
page: 1,
with_deleted: false,
order_field: 'Wallets.name',
order_direction: 'ASC',
order_direction: 'ASC'
};
try {
const response = await GetData(`${API_URL_MASTER_DATA}/wallet/list`, params);
@ -260,13 +270,12 @@ const EditFeeDialog = () => {
return dateString.split('T')[0];
};
const fetchTransactionFee = useCallback(async (id: string) => {
const fetchTransactionFee = useCallback(
async (id: string) => {
try {
const response = await GetData(`${API_URL}/transactionfees/getdata/${id}`, {});
if (response?.status) {
setFormField({
...initialState,
name: response.data.name || '',
@ -285,7 +294,8 @@ const EditFeeDialog = () => {
deduct_from: response.data.deduct_from || '',
deduct_from_account: response.data.deduct_from_account?.id || '',
credit_to: response.data.credit_to || '',
credit_destination: response.data.credit_destination?.id || '00000000-0000-0000-0000-000000000000',
credit_destination:
response.data.credit_destination?.id || '00000000-0000-0000-0000-000000000000',
credit_destination_account: response.data.credit_destination_account?.id || '',
updated_by: parsedUser?.username,
updated_at: new Date().toISOString().slice(0, 19).replace('T', ' ')
@ -295,7 +305,9 @@ const EditFeeDialog = () => {
console.error('Error fetching transaction fee details', error);
setAlert({ show: true, message: 'Failed to fetch transaction fee details' });
}
}, [GetData, parsedUser?.username]);
},
[GetData, parsedUser?.username]
);
const hasFetchedRef = useRef(false);
@ -317,11 +329,14 @@ const EditFeeDialog = () => {
};
return (
<Dialog open={showEditFeeDialog} onOpenChange={(open) => {
<Dialog
open={showEditFeeDialog}
onOpenChange={(open) => {
if (!open) {
handleCloseDialog();
}
}}>
}}
>
<DialogContent className="container-fixed max-w-[1080px] flex flex-col p-5 overflow-hidden [&>button]:hidden">
<DialogTitle></DialogTitle>
<DialogDescription></DialogDescription>
@ -353,7 +368,9 @@ const EditFeeDialog = () => {
<div className="card flex flex-col gap-5">
<div className="card-body grid gap-5 p-0">
<div className="w-full">
<label className="form-label">Transfer Fee Name <span className="text-red-500">*</span></label>
<label className="form-label">
Transfer Fee Name <span className="text-red-500">*</span>
</label>
<Input
className="input"
type="text"
@ -366,7 +383,9 @@ const EditFeeDialog = () => {
</div>
<div className="w-full">
<label className="form-label">Description <span className="text-red-500">*</span></label>
<label className="form-label">
Description <span className="text-red-500">*</span>
</label>
<Input
className="input"
type="text"
@ -415,7 +434,9 @@ const EditFeeDialog = () => {
</div>
<div className="w-full">
<label className="form-label">Period Start <span className="text-red-500">*</span></label>
<label className="form-label">
Period Start <span className="text-red-500">*</span>
</label>
<Input
className="input"
type="date"
@ -428,7 +449,9 @@ const EditFeeDialog = () => {
</div>
<div className="w-full">
<label className="form-label">Period End <span className="text-red-500">*</span></label>
<label className="form-label">
Period End <span className="text-red-500">*</span>
</label>
<Input
className="input"
type="date"
@ -495,7 +518,9 @@ const EditFeeDialog = () => {
</div>
<div className="w-full">
<label className="form-label">Deduct From <span className="text-red-500">*</span></label>
<label className="form-label">
Deduct From <span className="text-red-500">*</span>
</label>
<Select
value={formField.deduct_from}
onValueChange={(value) => setFormField({ ...formField, deduct_from: value })}
@ -511,10 +536,14 @@ const EditFeeDialog = () => {
</div>
<div className="w-full">
<label className="form-label">Deduct From Destination <span className="text-red-500">*</span></label>
<label className="form-label">
Deduct From Destination <span className="text-red-500">*</span>
</label>
<Select
value={formField.deduct_from_account}
onValueChange={(value) => setFormField({ ...formField, deduct_from_account: value })}
onValueChange={(value) =>
setFormField({ ...formField, deduct_from_account: value })
}
>
<SelectTrigger>
<SelectValue placeholder="Select Wallet" />
@ -530,14 +559,19 @@ const EditFeeDialog = () => {
</div>
<div className="w-full">
<label className="form-label">Credit To <span className="text-red-500">*</span></label>
<label className="form-label">
Credit To <span className="text-red-500">*</span>
</label>
<Select
value={formField.credit_to}
onValueChange={(value) => setFormField({
onValueChange={(value) =>
setFormField({
...formField,
credit_to: value,
credit_destination: value === 'I' ? '' : '00000000-0000-0000-0000-000000000000'
})}
credit_destination:
value === 'I' ? '' : '00000000-0000-0000-0000-000000000000'
})
}
>
<SelectTrigger>
<SelectValue placeholder="Select Credit To" />
@ -552,10 +586,14 @@ const EditFeeDialog = () => {
{formField.credit_to === 'I' && (
<div className="w-full">
<label className="form-label">Credit Destination <span className="text-red-500">*</span></label>
<label className="form-label">
Credit Destination <span className="text-red-500">*</span>
</label>
<Select
value={formField.credit_destination}
onValueChange={(value) => setFormField({ ...formField, credit_destination: value })}
onValueChange={(value) =>
setFormField({ ...formField, credit_destination: value })
}
>
<SelectTrigger>
<SelectValue placeholder="Select Customer" />
@ -572,10 +610,14 @@ const EditFeeDialog = () => {
)}
<div className="w-full">
<label className="form-label">Credit Destination Account <span className="text-red-500">*</span></label>
<label className="form-label">
Credit Destination Account <span className="text-red-500">*</span>
</label>
<Select
value={formField.credit_destination_account}
onValueChange={(value) => setFormField({ ...formField, credit_destination_account: value })}
onValueChange={(value) =>
setFormField({ ...formField, credit_destination_account: value })
}
>
<SelectTrigger>
<SelectValue placeholder="Select Wallet" />
@ -591,7 +633,9 @@ const EditFeeDialog = () => {
</div>
<div className="w-full">
<label className="form-label">Transaction Type ID <span className="text-red-500">*</span></label>
<label className="form-label">
Transaction Type ID <span className="text-red-500">*</span>
</label>
<Select
value={formField.transaction_type}
onValueChange={(transaction_type) =>
@ -612,7 +656,9 @@ const EditFeeDialog = () => {
</div>
<div className="w-full">
<label className="form-label">Status <span className="text-red-500">*</span></label>
<label className="form-label">
Status <span className="text-red-500">*</span>
</label>
<Select
value={formField.status}
onValueChange={(value) => setFormField({ ...formField, status: value })}
@ -628,7 +674,9 @@ const EditFeeDialog = () => {
</div>
<div className="w-full">
<label className="form-label">Status Include <span className="text-red-500">*</span></label>
<label className="form-label">
Status Include <span className="text-red-500">*</span>
</label>
<Select
value={formField.status_include}
onValueChange={(value) => setFormField({ ...formField, status_include: value })}
@ -644,7 +692,9 @@ const EditFeeDialog = () => {
</div>
<div className="w-full">
<label className="form-label">Priority <span className="text-red-500">*</span></label>
<label className="form-label">
Priority <span className="text-red-500">*</span>
</label>
<Select
value={formField.priority}
onValueChange={(value) => setFormField({ ...formField, priority: value })}

45
src/pages/transfer/transferfee/hooks/ManageTransferFeeContext.tsx
View File

@ -18,7 +18,6 @@
showDeleteFeeDialog: boolean;
selectedTransferFee: string | null;
transactionTypeId: string | null;
}
const initialProps: ContextProps = {
@ -29,8 +28,7 @@
showDeleteFeeDialog: false,
handleDeleteFeeDialog: () => {},
selectedTransferFee: null,
transactionTypeId: null,
transactionTypeId: null
};
interface TransferFeeProps {
@ -51,7 +49,13 @@
const ManageTransferFeeContext = createContext<ContextProps>(initialProps);
const API_URL = apiConfig.service_transaction;
const ManageTransferFeeContextProvider = ({ children, transactionTypeId = null }: { children: React.ReactNode; transactionTypeId?: string | null }) => {
const ManageTransferFeeContextProvider = ({
children,
transactionTypeId = null
}: {
children: React.ReactNode;
transactionTypeId?: string | null;
}) => {
const [showEditFeeDialog, setShowEditFeeDialog] = useState(false);
const [showAddFeeDialog, setShowAddFeeDialog] = useState(false);
const [showDeleteFeeDialog, setShowDeleteFeeDialog] = useState(false);
@ -67,10 +71,13 @@
setShowAddFeeDialog(show);
}, []);
const handleDeleteFeeDialog = useCallback((show: boolean, selected_TransferFee: string | null) => {
const handleDeleteFeeDialog = useCallback(
(show: boolean, selected_TransferFee: string | null) => {
setSelectedTransferFee(show ? selected_TransferFee : null);
setShowDeleteFeeDialog(show);
}, []);
},
[]
);
const doGetTransferFeeListData = async (
page: number,
limit: number,
@ -85,7 +92,10 @@
filter = filter.length === 0 ? {} : { any: filter[0].value.toLowerCase() };
try {
const response = await GetData(`${API_URL}/transactionfees/getdatabytransactiontype/${selectedTransferType}`, {});
const response = await GetData(
`${API_URL}/transactionfees/getdatabytransactiontype/${selectedTransferType}`,
{}
);
// console.log('API Response:', response?.data);
@ -94,7 +104,7 @@
totalCount: 1
};
} catch (error) {
console.error("Error fetching transaction fees by transaction type:", error);
console.error('Error fetching transaction fees by transaction type:', error);
return { data: [], totalCount: 0 };
}
};
@ -193,9 +203,7 @@
return mapping[row.credit_to] || 'Unknown';
},
id: 'credit_to',
header: ({ column }) => (
<DataGridColumnHeader title="Credit To" column={column} />
),
header: ({ column }) => <DataGridColumnHeader title="Credit To" column={column} />,
enableSorting: true,
enableHiding: false,
meta: { headerClassName: 'w-[250px]' }
@ -216,7 +224,9 @@
{
accessorFn: (row) => row.credit_destination_account?.description,
id: 'credit_destination_account',
header: ({ column }) => <DataGridColumnHeader title="Credit Destination Account" column={column} />,
header: ({ column }) => (
<DataGridColumnHeader title="Credit Destination Account" column={column} />
),
enableSorting: true,
enableHiding: false,
meta: { headerClassName: 'w-[250px]' }
@ -225,15 +235,13 @@
accessorFn: (row: { deduct_from: string }) => {
const mapping: Record<string, string> = {
D: 'Destination Member',
S: 'Source Member',
S: 'Source Member'
};
return mapping[row.deduct_from];
},
id: 'deduct_from',
header: ({ column }) => (
<DataGridColumnHeader title="Deduct From" column={column} />
),
header: ({ column }) => <DataGridColumnHeader title="Deduct From" column={column} />,
enableSorting: true,
enableHiding: false,
meta: { headerClassName: 'w-[250px]' }
@ -241,7 +249,9 @@
{
accessorFn: (row) => row.deduct_from_account?.description,
id: 'deduct_from_account',
header: ({ column }) => <DataGridColumnHeader title="Deduct From Account" column={column} />,
header: ({ column }) => (
<DataGridColumnHeader title="Deduct From Account" column={column} />
),
enableSorting: true,
enableHiding: false,
meta: { headerClassName: 'w-[250px]' }
@ -381,7 +391,6 @@
}
>
{children}
</DataGridProvider>
</ManageTransferFeeContext.Provider>
</div>

4
src/pages/transfer/transfertype/blocks/AddDialog.tsx
View File

@ -76,7 +76,6 @@ const AddDialog = () => {
wallet_origin: '',
wallet_destination: '',
minimum_amount: 0,
maximum_amount: 0,
max_transaction_per_day: 0,
@ -222,7 +221,7 @@ const AddDialog = () => {
page: 1,
with_deleted: false,
order_field: 'wallets.name',
order_direction: 'ASC',
order_direction: 'ASC'
};
const response = await GetData(`${API_URL_MASTERDATA}/wallet/list`, params);
// console.log(response)
@ -439,7 +438,6 @@ const AddDialog = () => {
</div>
</div>
<div className="w-full">
<div className="flex items-baseline flex-wrap lg:flex-nowrap gap-2.5">
<label className="form-label flex items-center gap-1 max-w-56">

22
src/pages/transfer/transfertype/blocks/DeleteDialog.tsx
View File

@ -1,4 +1,10 @@
import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '@/components/ui/dialog';
import {
Dialog,
DialogContent,
DialogFooter,
DialogHeader,
DialogTitle
} from '@/components/ui/dialog';
import { Button } from '@/components/ui/button';
import { Alert, useDataGrid } from '@/components';
import { useCallback, useState } from 'react';
@ -12,7 +18,8 @@ import { doSaveLogActivity } from '@/actions/GlobalActions';
const API_URL = apiConfig.service_transaction;
const DeleteDialog = () => {
const { showDeleteDialog, handleDeleteDialog, selectedTransferType } = useManageTransferTypeContext();
const { showDeleteDialog, handleDeleteDialog, selectedTransferType } =
useManageTransferTypeContext();
const { reload } = useDataGrid();
const { DeleteData } = useCallApi();
const [alert, setAlert] = useState({
@ -26,9 +33,12 @@ const DeleteDialog = () => {
return;
}
const response = await DeleteData(`${API_URL}/transactiontype/delete/${selectedTransferType}/false`, {
const response = await DeleteData(
`${API_URL}/transactiontype/delete/${selectedTransferType}/false`,
{
id: selectedTransferType
});
}
);
if (response?.status) {
setAlert({ show: false, message: '' });
@ -51,7 +61,9 @@ const DeleteDialog = () => {
<DialogContent className="container-fixed max-w-md flex flex-col p-5 overflow-hidden [&>button]:hidden">
<DialogHeader className="p-0 border-0 block">
<DialogTitle className="text-lg">Delete Transfer Type</DialogTitle>
<DialogDescription className="text-sm">Are you sure you want to delete this data?</DialogDescription>
<DialogDescription className="text-sm">
Are you sure you want to delete this data?
</DialogDescription>
<Alert variant="warning">
<h3 className="text-lg">Are you sure?</h3>
<span className="text-sm">You will delete this data!</span>

3
src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
View File

@ -159,7 +159,7 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React
AD: 'Return Agent Deposit',
AM: 'Return Agent Merchant',
AE: 'Return Agent Emoney',
R: 'Reward Point',
R: 'Reward Point'
};
return mapping[row.type] || 'Unknown';
@ -224,7 +224,6 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React
sorting: any,
filter: any
) => {
const orderField = 'created_at';
const orderDirection = sorting.length > 0 ? (sorting[0].desc ? 'DESC' : 'ASC') : 'DESC';