mirror of
https://github.com/NapNeko/NapCatQQ.git
synced 2025-07-19 12:03:37 +00:00
feat(webui): 快速登录config
This commit is contained in:
@@ -4,6 +4,7 @@ import { useMediaQuery } from 'react-responsive'
|
|||||||
import { useNavigate, useSearchParams } from 'react-router-dom'
|
import { useNavigate, useSearchParams } from 'react-router-dom'
|
||||||
|
|
||||||
import ChangePasswordCard from './change_password'
|
import ChangePasswordCard from './change_password'
|
||||||
|
import LoginConfigCard from './login'
|
||||||
import OneBotConfigCard from './onebot'
|
import OneBotConfigCard from './onebot'
|
||||||
import WebUIConfigCard from './webui'
|
import WebUIConfigCard from './webui'
|
||||||
|
|
||||||
@@ -58,6 +59,11 @@ export default function ConfigPage() {
|
|||||||
</ConfingPageItem>
|
</ConfingPageItem>
|
||||||
</Tab>
|
</Tab>
|
||||||
|
|
||||||
|
<Tab title="登录配置" key="login">
|
||||||
|
<ConfingPageItem>
|
||||||
|
<LoginConfigCard />
|
||||||
|
</ConfingPageItem>
|
||||||
|
</Tab>
|
||||||
<Tab title="修改密码" key="token">
|
<Tab title="修改密码" key="token">
|
||||||
<ConfingPageItem>
|
<ConfingPageItem>
|
||||||
<ChangePasswordCard />
|
<ChangePasswordCard />
|
||||||
|
100
napcat.webui/src/pages/dashboard/config/login.tsx
Normal file
100
napcat.webui/src/pages/dashboard/config/login.tsx
Normal file
@@ -0,0 +1,100 @@
|
|||||||
|
import { Input } from '@heroui/input'
|
||||||
|
import { useRequest } from 'ahooks'
|
||||||
|
import { useEffect, useState } from 'react'
|
||||||
|
import { Controller, useForm } from 'react-hook-form'
|
||||||
|
import toast from 'react-hot-toast'
|
||||||
|
|
||||||
|
import SaveButtons from '@/components/button/save_buttons'
|
||||||
|
import PageLoading from '@/components/page_loading'
|
||||||
|
|
||||||
|
import QQManager from '@/controllers/qq_manager'
|
||||||
|
|
||||||
|
const LoginConfigCard = () => {
|
||||||
|
const {
|
||||||
|
data: quickLoginData,
|
||||||
|
loading: quickLoginLoading,
|
||||||
|
error: quickLoginError,
|
||||||
|
refreshAsync: refreshQuickLogin
|
||||||
|
} = useRequest(QQManager.getQuickLoginQQ)
|
||||||
|
const [loading, setLoading] = useState(false)
|
||||||
|
const {
|
||||||
|
control,
|
||||||
|
handleSubmit: handleOnebotSubmit,
|
||||||
|
formState: { isSubmitting },
|
||||||
|
setValue: setOnebotValue
|
||||||
|
} = useForm<{
|
||||||
|
quickLoginQQ: string
|
||||||
|
}>({
|
||||||
|
defaultValues: {
|
||||||
|
quickLoginQQ: ''
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const reset = () => {
|
||||||
|
setOnebotValue('quickLoginQQ', quickLoginData ?? '')
|
||||||
|
}
|
||||||
|
|
||||||
|
const onSubmit = handleOnebotSubmit((data) => {
|
||||||
|
try {
|
||||||
|
setLoading(true)
|
||||||
|
QQManager.setQuickLoginQQ(data.quickLoginQQ)
|
||||||
|
toast.success('保存成功')
|
||||||
|
} catch (error) {
|
||||||
|
const msg = (error as Error).message
|
||||||
|
toast.error(`保存失败: ${msg}`)
|
||||||
|
} finally {
|
||||||
|
setLoading(false)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
const onRefresh = async (shotTip = true) => {
|
||||||
|
try {
|
||||||
|
setLoading(true)
|
||||||
|
await refreshQuickLogin()
|
||||||
|
if (shotTip) toast.success('刷新成功')
|
||||||
|
} catch (error) {
|
||||||
|
const msg = (error as Error).message
|
||||||
|
toast.error(`刷新失败: ${msg}`)
|
||||||
|
} finally {
|
||||||
|
setLoading(false)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
reset()
|
||||||
|
}, [quickLoginData])
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
onRefresh(false)
|
||||||
|
}, [])
|
||||||
|
|
||||||
|
if (loading) return <PageLoading loading={true} />
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<title>OneBot配置 - NapCat WebUI</title>
|
||||||
|
<div className="flex-shrink-0 w-full">快速登录QQ</div>
|
||||||
|
<Controller
|
||||||
|
control={control}
|
||||||
|
name="quickLoginQQ"
|
||||||
|
render={({ field }) => (
|
||||||
|
<Input
|
||||||
|
{...field}
|
||||||
|
label="快速登录QQ"
|
||||||
|
placeholder="请输入QQ号"
|
||||||
|
isDisabled={!!quickLoginError}
|
||||||
|
errorMessage={quickLoginError ? '获取快速登录QQ失败' : undefined}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
<SaveButtons
|
||||||
|
onSubmit={onSubmit}
|
||||||
|
reset={reset}
|
||||||
|
isSubmitting={isSubmitting || quickLoginLoading}
|
||||||
|
refresh={onRefresh}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default LoginConfigCard
|
Reference in New Issue
Block a user