From 27d95959f01c4719a0704e31d9fe2e109392a4f8 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Wed, 30 Apr 2025 16:49:36 +0700
Subject: [PATCH] add negative handler on amount field

---
 .../disbursement-saldo/TransactionDisbursement.tsx     | 10 ++++++++--
 src/pages/transaction/topup/TransactionTopup.tsx       |  8 +++++++-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
index 6df4d68..6b7b65d 100644
--- a/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
+++ b/src/pages/transaction/disbursement-saldo/TransactionDisbursement.tsx
@@ -263,10 +263,16 @@ const TransactionDisbursement = () => {
                     <label htmlFor="amount">Amount</label>
                     <span className="text-red-500">*</span>
                     <Input
-                      id="amount"
+                      id="topupAmount"
                       type="number"
+                      min={0}
                       value={form.amount}
-                      onChange={(e) => setForm({ ...form, amount: e.target.value })}
+                      onChange={(e) => {
+                        const value = Number(e.target.value);
+                        if (value >= 0) {
+                          setForm({ ...form, amount: String(value) });
+                        }
+                      }}
                     />
                   </div>
                   <div>
diff --git a/src/pages/transaction/topup/TransactionTopup.tsx b/src/pages/transaction/topup/TransactionTopup.tsx
index 64a881e..5ad6ba6 100644
--- a/src/pages/transaction/topup/TransactionTopup.tsx
+++ b/src/pages/transaction/topup/TransactionTopup.tsx
@@ -158,8 +158,14 @@ const TransactionTopup = () => {
                     <Input
                       id="topupAmount"
                       type="number"
+                      min={0}
                       value={form.topupAmount}
-                      onChange={(e) => setForm({ ...form, topupAmount: e.target.value })}
+                      onChange={(e) => {
+                        const value = Number(e.target.value);
+                        if (value >= 0) {
+                          setForm({ ...form, topupAmount: String(value) });
+                        }
+                      }}
                     />
                   </div>
                   <div>