From b89dc6dfc65cc3cdefdb3e33d575dee9a5988b4f Mon Sep 17 00:00:00 2001
From: whyour <imwhyour@gmail.com>
Date: Fri, 1 Dec 2023 09:28:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=95=9C=E5=83=8F=E6=BA=90?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=A2=9E=E5=8A=A0=20loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/setting/dependence.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/pages/setting/dependence.tsx b/src/pages/setting/dependence.tsx
index d5510210..ef93c0b1 100644
--- a/src/pages/setting/dependence.tsx
+++ b/src/pages/setting/dependence.tsx
@@ -24,6 +24,7 @@ const Dependence = () => {
   }>();
   const [form] = Form.useForm();
   const [log, setLog] = useState<string>('');
+  const [loading, setLoading] = useState<boolean>(false);
 
   const getSystemConfig = () => {
     request
@@ -39,7 +40,8 @@ const Dependence = () => {
   };
 
   const updateSystemConfigStream = (path: keyof typeof dataMap) => {
-    setLog('执行中...\n');
+    setLoading(true);
+    setLog('in progress...\n');
     request
       .put<string>(
         `${config.apiPrefix}system/config/${path}`,
@@ -52,6 +54,7 @@ const Dependence = () => {
   };
 
   const updateSystemConfig = (path: keyof typeof dataMap) => {
+    setLoading(true);
     setLog('');
     request
       .put(
@@ -65,12 +68,19 @@ const Dependence = () => {
       })
       .catch((error: any) => {
         console.log(error);
-      });
+      })
+      .finally(() => setLoading(false));
   };
 
   const handleMessage = (payload: any) => {
     const { message } = payload;
     setLog((p) => `${p}${message}`);
+    if (
+      message.includes('update node mirror end') ||
+      message.includes('update linux mirror end')
+    ) {
+      setLoading(false);
+    }
   };
 
   useEffect(() => {
@@ -110,6 +120,7 @@ const Dependence = () => {
             />
             <Button
               type="primary"
+              loading={loading}
               onClick={() => {
                 updateSystemConfig('dependence-proxy');
               }}
@@ -134,6 +145,7 @@ const Dependence = () => {
             />
             <Button
               type="primary"
+              loading={loading}
               onClick={() => {
                 updateSystemConfigStream('node-mirror');
               }}
@@ -158,6 +170,7 @@ const Dependence = () => {
             />
             <Button
               type="primary"
+              loading={loading}
               onClick={() => {
                 updateSystemConfig('python-mirror');
               }}
@@ -184,6 +197,7 @@ const Dependence = () => {
             />
             <Button
               type="primary"
+              loading={loading}
               onClick={() => {
                 updateSystemConfigStream('linux-mirror');
               }}