From 813a541e7f31137d4cbfb2031fcbe6fc95c3ec5d Mon Sep 17 00:00:00 2001
From: bietiaop <1527109126@qq.com>
Date: Sat, 25 Jan 2025 13:36:56 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20config=E9=A6=96=E6=AC=A1=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/dashboard/config/index.tsx      | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/napcat.webui/src/pages/dashboard/config/index.tsx b/napcat.webui/src/pages/dashboard/config/index.tsx
index 2ddd55b1..d290fb12 100644
--- a/napcat.webui/src/pages/dashboard/config/index.tsx
+++ b/napcat.webui/src/pages/dashboard/config/index.tsx
@@ -1,12 +1,14 @@
 import { Tab, Tabs } from '@heroui/tabs'
 import { useLocalStorage } from '@uidotdev/usehooks'
-import { useEffect } from 'react'
+import { useEffect, useState } from 'react'
 import { useForm } from 'react-hook-form'
 import toast from 'react-hot-toast'
 import { useMediaQuery } from 'react-responsive'
 
 import key from '@/const/key'
 
+import PageLoading from '@/components/page_loading'
+
 import useConfig from '@/hooks/use-config'
 import useMusic from '@/hooks/use-music'
 
@@ -15,6 +17,7 @@ import WebUIConfigCard from './webui'
 
 export default function ConfigPage() {
   const { config, saveConfigWithoutNetwork, refreshConfig } = useConfig()
+  const [loading, setLoading] = useState(false)
   const {
     control: onebotControl,
     handleSubmit: handleOnebotSubmit,
@@ -82,13 +85,16 @@ export default function ConfigPage() {
     }
   })
 
-  const onRefresh = async () => {
+  const onRefresh = async (shotTip = true) => {
     try {
+      setLoading(true)
       await refreshConfig()
-      toast.success('刷新成功')
+      if (shotTip) toast.success('刷新成功')
     } catch (error) {
       const msg = (error as Error).message
       toast.error(`刷新失败: ${msg}`)
+    } finally {
+      setLoading(false)
     }
   }
 
@@ -97,6 +103,10 @@ export default function ConfigPage() {
     resetWebUI()
   }, [config])
 
+  useEffect(() => {
+    onRefresh(false)
+  }, [])
+
   return (
     <section className="w-[1000px] max-w-full md:mx-auto gap-4 py-8 px-2 md:py-10">
       <Tabs
@@ -106,12 +116,13 @@ export default function ConfigPage() {
         isVertical={isMediumUp}
         classNames={{
           tabList: 'sticky flex top-14 bg-opacity-50 backdrop-blur-sm',
-          panel: 'w-full',
+          panel: 'w-full relative',
           base: 'md:!w-auto flex-grow-0 flex-shrink-0 mr-0',
           cursor: 'bg-opacity-60 backdrop-blur-sm'
         }}
       >
         <Tab title="OneBot配置" key="onebot">
+          <PageLoading loading={loading} />
           <OneBotConfigCard
             isSubmitting={isOnebotSubmitting}
             onRefresh={onRefresh}