update

src/pages/transaction/approval-transaction/blocks/ApprovalDialog.tsx

@@ -8,6 +8,7 @@ import {
     DialogContent,
     DialogHeader,
     DialogTitle,
+    DialogDescription,
 } from '@/components/ui/dialog';
 import { Button } from '@/components/ui/button';
 import {
@@ -26,7 +27,7 @@ const API_URL = apiConfig.transaction;
 
 const ApprovalDialog = () => {
     const { GetData, PostData } = useCallApi();
-    const {  reload } = useDataGrid();
+    const { reload } = useDataGrid();
 
     const {
         showApprovalDialog,
@@ -40,6 +41,7 @@ const ApprovalDialog = () => {
         transaction_code: '',
         status: '',
         notes: '',
+        pin: ''
     });
 
     const [alert, setAlert] = useState({
@@ -63,8 +65,9 @@ const ApprovalDialog = () => {
 
             const response = await PostData(`${API_URL}/transaction/set-approval`, {
                 id_transaction: transactionDetails.id,
-                status: formField.status,
                 notes: formField.notes,
+                status: formField.status,
+                pin: formField.pin,
             });
 
             if (response?.status === false) {
@@ -97,8 +100,9 @@ const ApprovalDialog = () => {
         if (showApprovalDialog) {
             setFormField({
                 transaction_code: '',
-                status: '',
                 notes: '',
+                status: '',
+                pin:''
             });
             setTransactionDetails(null);
             setAlert({ show: false, message: '' });
@@ -142,6 +146,7 @@ const ApprovalDialog = () => {
                 <DialogHeader>
                     <DialogTitle>Approval Transaction</DialogTitle>
                 </DialogHeader>
+                <DialogDescription></DialogDescription>
                 <DialogBody>
                     <form onSubmit={doApproval}>
                         <div className="card-body grid gap-5 p-0">
@@ -165,6 +170,25 @@ const ApprovalDialog = () => {
                                         </Select>
                                     </div>
                                 </div>
+                                <div className="flex items-center flex-wrap gap-2.5 mt-3 mb-3">
+
+                                    <label className="form-label max-w-56">PIN</label>
+                                    <div className="grow">
+                                        <Input
+                                            type="text"
+                                            placeholder="PIN"
+                                            name="pin"
+                                            id="pin"
+                                            value={formField.pin}
+                                            onChange={(e) =>
+                                                setFormField((prev) => ({
+                                                    ...prev,
+                                                    pin: e.target.value,
+                                                }))
+                                            }
+                                        />
+                                    </div>
+                                </div>
 
                                 {formField.status === 'N' && (
                                     <div className="flex items-center flex-wrap gap-2.5 mt-4">

src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx

@@ -58,6 +58,7 @@ const DetailApprovalTransaction = () => {
                 <DialogHeader>
                     <DialogTitle>Transaction Details</DialogTitle>
                 </DialogHeader>
+                <DialogDescription></DialogDescription>
                 <DialogBody>
                     {/* Tabs Navigation */}
                     <div className="flex border-b border-gray-200">