awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-08 09:27:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix 'Lost your recovery codes?' flow with a better message to recover the account

Browse Source
This commit is contained in:
Carlos Monastyrski
2025-09-23 10:01:43 -03:00
parent ba277a057e
commit d681594d25
1 changed files with 32 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/auth/Mfa.tsx
+32 -6
View File
@@ -6,7 +6,8 @@ import { t } from "i18next";
import Error from "@app/components/basic/Error"; import Error from "@app/components/basic/Error";
import TotpRegistration from "@app/components/mfa/TotpRegistration"; import TotpRegistration from "@app/components/mfa/TotpRegistration";
import SecurityClient from "@app/components/utilities/SecurityClient"; import SecurityClient from "@app/components/utilities/SecurityClient";
import { Button } from "@app/components/v2"; import { Button, Tooltip } from "@app/components/v2";
import { isInfisicalCloud } from "@app/helpers/platform";
import { useLogoutUser, useSendMfaToken } from "@app/hooks/api"; import { useLogoutUser, useSendMfaToken } from "@app/hooks/api";
import { checkUserTotpMfa, verifyMfaToken, verifyRecoveryCode } from "@app/hooks/api/auth/queries"; import { checkUserTotpMfa, verifyMfaToken, verifyRecoveryCode } from "@app/hooks/api/auth/queries";
import { MfaMethod } from "@app/hooks/api/auth/types"; import { MfaMethod } from "@app/hooks/api/auth/types";
@@ -280,11 +281,36 @@ export const Mfa = ({ successCallback, closeMfa, hideLogo, email, method }: Prop
> >
{showRecoveryCodeInput ? "Use authenticator code" : "Use a recovery code"} {showRecoveryCodeInput ? "Use authenticator code" : "Use a recovery code"}
</button> </button>
<Link to="/verify-email"> <div className="text-center text-sm">
<span className="text-sm text-bunker-400 transition-colors duration-200 hover:text-bunker-200"> <Tooltip
Lost your recovery codes? Reset your account position="bottom"
</span> content={
</Link> <div className="max-w-xs text-center text-xs">
{isInfisicalCloud() ? (
<>
<div className="mb-2">Account Recovery Required</div>
<div className="mb-2 text-gray-300">
Contact support with valid proof of account ownership to initiate recovery
</div>
<div className="mt-1">support@infisical.com</div>
</>
) : (
<>
<div className="mb-2">Account Recovery Required</div>
<div className="text-gray-300">
Contact your instance administrator with valid proof of account ownership to
initiate recovery
</div>
</>
)}
</div>
}
>
<span className="cursor-help text-bunker-400 transition-colors duration-200 hover:text-bunker-200">
Lost your recovery codes?
</span>
</Tooltip>
</div>
</div> </div>
)} )}
{method === MfaMethod.EMAIL && ( {method === MfaMethod.EMAIL && (