1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / chinawholesale-frontend-next / src / components / pages / auth / reset-password / include /
Filename : ResetForm.js
back
import React from 'react'
import { Form } from 'antd'
import { useRouter, useSearchParams } from 'next/navigation'
import InputPlain from '@/components/input/InputPlain'
import { sweetNotification } from '@/helpers/sweet-notification'
import ExpressButton from '@/components/buttons/ExpressButton'
import { useAuthMutation } from '@/api/auth'


export default function ResetForm({ token }) {
    const router = useRouter()
    const searchParams = useSearchParams()
    const uuid = searchParams.get('uuid')
    const { resetRequest: { mutateAsync, isPending } } = useAuthMutation()

    const onFinish = (values) => {
        mutateAsync({ token, uuid, ...values })
            .then((res) => {
                if (res?.code === 200) {
                    sweetNotification(res.message, 'success', 'Dismiss')
                    router.push('/login')
                } else {
                    sweetNotification(res.message, 'error', 'Dismiss')
                }
            })
    }

    return (
        <div className={`[&_.ant-form-item]:!mb-4`}>
            <h1 className={'font-semibold text-xl text-neutral-900 text-center my-3'}>Reset Password</h1>
            <Form
                layout="vertical"
                name="otp_login_form"
                onFinish={onFinish}
                initialValues={{
                    password: '',
                    password_confirmation: '',
                }}
                autoComplete="phone"
            >
                {/*<InputPlain
                    label="Enter your valid email"
                    name="email"
                    title="Enter your valid email address!"
                    placeholder="example@email.com"
                    required={true}
                />*/}

                <InputPlain
                    label="Password"
                    type="password"
                    name="password"
                    title="Type your password"
                    required={true}
                />

                <InputPlain
                    label="Confirm Password"
                    type="password"
                    name="password_confirmation"
                    title="Confirm Password"
                    required={true}
                />

                <ExpressButton
                    htmlType="submit"
                    type="red"
                    label="Reset Password"
                    block={true}
                    loading={isPending}
                />
            </Form>

        </div>
    )
};