feat(web): login ui
This commit is contained in:
@@ -37,8 +37,10 @@ const inputClassName = "login-input rb:rounded-[8px]! rb:p-[12px]! rb:h-[44px]!
|
|||||||
const { clearUserInfo, updateLoginInfo, getUserInfo } = useUser();
|
const { clearUserInfo, updateLoginInfo, getUserInfo } = useUser();
|
||||||
const { language } = useI18n()
|
const { language } = useI18n()
|
||||||
const [loading, setLoading] = useState(false);
|
const [loading, setLoading] = useState(false);
|
||||||
const [canLogin, setCanLogin] = useState(false);
|
|
||||||
const [form] = Form.useForm<LoginForm>();
|
const [form] = Form.useForm<LoginForm>();
|
||||||
|
const emailVal = Form.useWatch('email', form);
|
||||||
|
const passwordVal = Form.useWatch('password', form);
|
||||||
|
const canLogin = !!(emailVal && passwordVal);
|
||||||
const { message } = App.useApp();
|
const { message } = App.useApp();
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -99,7 +101,6 @@ const inputClassName = "login-input rb:rounded-[8px]! rb:p-[12px]! rb:h-[44px]!
|
|||||||
<Form
|
<Form
|
||||||
form={form}
|
form={form}
|
||||||
onFinish={handleLogin}
|
onFinish={handleLogin}
|
||||||
onValuesChange={(_, all) => setCanLogin(!!(all.email && all.password))}
|
|
||||||
>
|
>
|
||||||
<Form.Item name="email" className="rb:mb-6!">
|
<Form.Item name="email" className="rb:mb-6!">
|
||||||
<Input
|
<Input
|
||||||
|
|||||||
Reference in New Issue
Block a user