| | |
| | | import Toast from '@/app/components/base/toast' |
| | | import { sendResetPasswordCode } from '@/service/common' |
| | | import I18NContext from '@/context/i18n' |
| | | import { noop } from 'lodash-es' |
| | | |
| | | export default function CheckCode() { |
| | | const { t } = useTranslation() |
| | |
| | | } |
| | | |
| | | return <div className='flex flex-col gap-3'> |
| | | <div className='inline-flex h-14 w-14 items-center justify-center rounded-2xl border border-components-panel-border-subtle bg-background-default-dodge shadow-lg'> |
| | | <RiLockPasswordLine className='h-6 w-6 text-2xl text-text-accent-light-mode-only' /> |
| | | <div className='bg-background-default-dodge border border-components-panel-border-subtle shadow-lg inline-flex w-14 h-14 justify-center items-center rounded-2xl'> |
| | | <RiLockPasswordLine className='w-6 h-6 text-2xl text-text-accent-light-mode-only' /> |
| | | </div> |
| | | <div className='pb-4 pt-2'> |
| | | <div className='pt-2 pb-4'> |
| | | <h2 className='title-4xl-semi-bold text-text-primary'>{t('login.resetPassword')}</h2> |
| | | <p className='body-md-regular mt-2 text-text-secondary'> |
| | | {t('login.resetPasswordDesc')} |
| | | </p> |
| | | </div> |
| | | |
| | | <form onSubmit={noop}> |
| | | <form onSubmit={() => { }}> |
| | | <input type='text' className='hidden' /> |
| | | <div className='mb-2'> |
| | | <label htmlFor="email" className='system-md-semibold my-2 text-text-secondary'>{t('login.email')}</label> |
| | | <label htmlFor="email" className='my-2 system-md-semibold text-text-secondary'>{t('login.email')}</label> |
| | | <div className='mt-1'> |
| | | <Input id='email' type="email" disabled={loading} value={email} placeholder={t('login.emailPlaceholder') as string} onChange={e => setEmail(e.target.value)} /> |
| | | </div> |
| | |
| | | </div> |
| | | </form> |
| | | <div className='py-2'> |
| | | <div className='h-px bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent'></div> |
| | | <div className='bg-gradient-to-r from-background-gradient-mask-transparent via-divider-regular to-background-gradient-mask-transparent h-px'></div> |
| | | </div> |
| | | <Link href={`/signin?${searchParams.toString()}`} className='flex h-9 items-center justify-center text-text-tertiary hover:text-text-primary'> |
| | | <div className='inline-block rounded-full bg-background-default-dimmed p-1'> |
| | | <Link href={`/signin?${searchParams.toString()}`} className='flex items-center justify-center h-9 text-text-tertiary'> |
| | | <div className='inline-block p-1 rounded-full bg-background-default-dimm'> |
| | | <RiArrowLeftLine size={12} /> |
| | | </div> |
| | | <span className='system-xs-regular ml-2'>{t('login.backToLogin')}</span> |
| | | <span className='ml-2 system-xs-regular'>{t('login.backToLogin')}</span> |
| | | </Link> |
| | | </div> |
| | | } |