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

fixing update delete reward

Browse Source
This commit is contained in:
Raja Oktafrianto
2025-04-09 09:56:26 +07:00
parent 0c5608273f
commit 0a1ff7de18
6 changed files with 81 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
src/pages/master/reward/blocks/EditDialog.tsx
View File

@ -14,6 +14,7 @@ import {
} from '@/components/ui/dialog';
import { Input } from '@/components/ui/input';
import { Button } from '@/components/ui/button';
import { NumericFormat } from 'react-number-format';
import {
Select,
SelectContent,
@ -58,7 +59,8 @@ const EditDialog = () => {
async (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault();
const response = await PutData(`${API_URL}/reward/update/${selectedReward}`, formField);
// console.log('Ini datanya:', selectedReward);
const response = await PutData(`${API_URL}/reward/update/${selectedReward?.id}`, formField);
if (response?.status) {
resetForm();
@ -74,16 +76,17 @@ const EditDialog = () => {
);
const doFetchData = useCallback(async (id: string) => {
// console.log('Ini datanya:', id);
const response = await GetData(`${API_URL}/reward/getdata/${id}`, { id });
console.log('API Response:', response);
// console.log('API Response:', response);
if (response?.status) {
setFormField((prev) => ({
...prev,
name: response?.data.name,
type: response?.data.type,
amount: response?.data.amount,
status: response?.data.status
name: response.data.name,
type: response.data.type,
amount: response.data.amount,
status: response.data.status
}));
}
}, []);
@ -107,21 +110,20 @@ const EditDialog = () => {
// };
useEffect(() => {
// console.log('Selected Reward:', selectedReward);
if (selectedReward) {
doFetchData(selectedReward);
doFetchData(selectedReward.id.toString());
}
}, [selectedReward]);
useEffect(() => {
if (showEditDialog) {
setFormField({
...formField,
if (showEditDialog && selectedReward) {
setFormField((prev) => ({
...prev,
updated_by: parsedUser.username,
updated_at: formattedTime
});
}));
}
}, [formattedTime]);
}, [showEditDialog, selectedReward]);
useEffect(() => {
if (showEditDialog === false) {
@ -142,67 +144,71 @@ const EditDialog = () => {
<form onSubmit={doUpdateReward}>
<div className="card-body grid gap-5">
<div className="w-full">
<label className="form-label">
<div className="grid grid-cols-8 gap-2 w-full items-center">
<label className="form-label flex items-center gap-1 col-span-2">
Name<span className="text-red-500">*</span>
</label>
<Input
className="input"
className="input col-span-6"
type="text"
value={formField.name}
onChange={(e) => setFormField((prev) => ({ ...prev, name: e.target.value }))}
/>
</div>
<div className="w-full">
<label className="form-label">
<div className="grid grid-cols-8 gap-2 w-full items-center">
<label className="form-label flex items-center gap-1 col-span-2">
Type<span className="text-red-500">*</span>
</label>
<Input
className="input"
className="input col-span-6"
type="text"
value={formField.type}
onChange={(e) => setFormField({ ...formField, type: e.target.value })}
/>
</div>
<div className="w-full">
<label className="form-label">
<div className="grid grid-cols-8 gap-2 w-full items-center">
<label className="form-label flex items-center gap-1 col-span-2">
Amount<span className="text-red-500">*</span>
</label>
<Input
className="input"
type="number"
min={0}
step={0.01}
<NumericFormat
className="input col-span-6"
value={formField.amount}
onChange={(e) => {
const value = parseFloat(e.target.value);
setFormField({
...formField,
amount: isNaN(value) ? 0 : value
});
thousandSeparator="."
decimalSeparator=","
allowNegative={false}
onValueChange={(values) => {
setFormField((prev) => ({
...prev,
amount: values.floatValue || 0
}));
}}
placeholder="Enter Amount"
/>
</div>
<div className="w-full">
<label className="form-label">
<div className="grid grid-cols-8 gap-2 w-full items-center">
<label className="form-label flex items-center gap-1 col-span-2">
Status<span className="text-red-500">*</span>
</label>
<Select
value={formField.status}
onValueChange={(value) => setFormField((prev) => ({ ...prev, status: value }))}
>
<SelectTrigger className="w-full">
<SelectValue placeholder="Select" defaultValue={formField.status} />
</SelectTrigger>
<SelectContent>
<SelectItem value="Y">Active</SelectItem>
<SelectItem value="N">InActive</SelectItem>
</SelectContent>
</Select>
<div className="col-span-6">
<Select
value={formField.status}
onValueChange={(value) =>
setFormField((prev) => ({ ...prev, status: value }))
}
>
<SelectTrigger className="w-full">
<SelectValue placeholder="Select" defaultValue={formField.status} />
</SelectTrigger>
<SelectContent>
<SelectItem value="Y">Active</SelectItem>
<SelectItem value="N">InActive</SelectItem>
</SelectContent>
</Select>
</div>
</div>
<div className="flex justify-end gap-5">
<Button type="button" variant="outline" onClick={resetForm}>