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

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