From 05beade3ad170e5b5dacae88528ca5589df35214 Mon Sep 17 00:00:00 2001
From: "1808837298@qq.com" <1808837298@qq.com>
Date: Fri, 23 Feb 2024 17:04:42 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=9C=A8=E7=BA=BF=E6=94=AF=E4=BB=98?=
 =?UTF-8?q?=E9=99=90=E5=88=B6=E8=BE=93=E5=85=A5=E9=87=91=E9=A2=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/package.json             |  1 +
 web/src/pages/TopUp/index.js | 11 +++++++++++
 2 files changed, 12 insertions(+)

diff --git a/web/package.json b/web/package.json
index 8de3b15..009092a 100644
--- a/web/package.json
+++ b/web/package.json
@@ -4,6 +4,7 @@
   "private": true,
   "dependencies": {
     "@douyinfe/semi-ui": "^2.46.1",
+    "@douyinfe/semi-icons": "^2.46.1",
     "@visactor/vchart": "~1.8.8",
     "@visactor/react-vchart": "~1.8.8",
     "@visactor/vchart-semi-theme": "~1.8.8",
diff --git a/web/src/pages/TopUp/index.js b/web/src/pages/TopUp/index.js
index cc82f05..1eceee4 100644
--- a/web/src/pages/TopUp/index.js
+++ b/web/src/pages/TopUp/index.js
@@ -8,8 +8,10 @@ const TopUp = () => {
     const [redemptionCode, setRedemptionCode] = useState('');
     const [topUpCode, setTopUpCode] = useState('');
     const [topUpCount, setTopUpCount] = useState(10);
+    const [minTopupCount, setMinTopUpCount] = useState(1);
     const [amount, setAmount] = useState(0.0);
     const [topUpLink, setTopUpLink] = useState('');
+    const [enableOnlineTopUp, setEnableOnlineTopUp] = useState(false);
     const [userQuota, setUserQuota] = useState(0);
     const [isSubmitting, setIsSubmitting] = useState(false);
     const [open, setOpen] = useState(false);
@@ -233,7 +235,16 @@ const TopUp = () => {
                                         name='redemptionCount'
                                         type={'number'}
                                         value={topUpCount}
+                                        suffix={'$'}
+                                        min={1}
+                                        max={100000}
                                         onChange={async (value) => {
+                                            if (value < 1) {
+                                                value = 1;
+                                            }
+                                            if (value > 100000) {
+                                                value = 100000;
+                                            }
                                             setTopUpCount(value);
                                             await getAmount(value);
                                         }}