0ct0pu5/ente
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove type from auth UI

Browse source
This commit is contained in:
Manav Rathi 2024-05-24 12:18:28 +05:30
parent 697946f415
commit 1ce90839fe
No known key found for this signature in database
1 changed files with 8 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
web/apps/auth/src/pages/auth.tsx
View file

@ -187,28 +187,21 @@ const CodeDisplay: React.FC<CodeDisplay> = ({ code }) => {
useEffect(() => {
// Generate to set the initial otp and nextOTP on component mount.
regen();
const codeType = code.type;
const codePeriodInMs = code.period * 1000;
const timeToNextCode =
codePeriodInMs - (new Date().getTime() % codePeriodInMs);
const interval = null;
const periodMs = code.period * 1000;
const timeToNextCode = periodMs - (Date.now() % periodMs);
let interval: ReturnType<typeof setInterval> | undefined;
// Wait until we are at the start of the next code period, and then
// start the interval loop.
setTimeout(() => {
// We need to call regen() once before the interval loop to set the
// initial otp and nextOTP.
regen();
codeType.toLowerCase() === "totp" ||
codeType.toLowerCase() === "hotp"
? setInterval(() => {
regen();
}, codePeriodInMs)
: null;
interval = setInterval(() => regen, periodMs);
}, timeToNextCode);
return () => {
if (interval) clearInterval(interval);
};
return () => interval && clearInterval(interval);
}, [code]);
return (
@ -346,7 +339,7 @@ const TimerProgress: React.FC<TimerProgressProps> = ({ period }) => {
useEffect(() => {
const advance = () => {
const timeRemaining = us - ((new Date().getTime() * 1000) % us);
const timeRemaining = us - ((Date.now() * 1000) % us);
setProgress(timeRemaining / us);
};