packages/pass/components/Lock/PasswordConfirm.tsx

   1 import { type FC } from 'react';
   2
   3 import { c } from 'ttag';
   4
   5 import { useRequest } from '@proton/pass/hooks/useRequest';
   6 import { type PasswordVerification } from '@proton/pass/lib/auth/password';
   7 import { validateCurrentPassword } from '@proton/pass/lib/validation/auth';
   8 import { passwordConfirm } from '@proton/pass/store/actions';
   9
  10 import { PasswordForm } from './PasswordForm';
  11
  12 type Props = { mode?: PasswordVerification; onSuccess: () => void };
  13
  14 export const PasswordConfirm: FC<Props> = ({ mode, onSuccess }) => {
  15     const confirm = useRequest(passwordConfirm, { initial: true, onSuccess });
  16
  17     return (
  18         <PasswordForm
  19             id="password-confirm"
  20             loading={confirm.loading}
  21             submitLabel={c('Action').t`Continue`}
  22             onSubmit={({ password }) => confirm.dispatch({ password, mode })}
  23             onValidate={validateCurrentPassword}
  24         />
  25     );
  26 };