extern/bruno
1
0
Fork 1
mirror of https://github.com/usebruno/bruno.git synced 2024-11-21 15:33:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: request timer issue (#3175)

Browse Source
This commit is contained in:
lohit 2024-09-23 16:01:17 +05:30 committed by GitHub
parent da9f669a2d
commit 6e4d7a6f76
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/bruno-app/src/components/StopWatch/index.js
View File

@ -1,25 +1,23 @@
import React, { useState, useEffect } from 'react';
const StopWatch = ({ requestTimestamp }) => {
const StopWatch = () => {
const [milliseconds, setMilliseconds] = useState(0);
const tickInterval = 200;
const tickInterval = 100;
const tick = () => {
setMilliseconds(milliseconds + tickInterval);
setMilliseconds(_milliseconds => _milliseconds + tickInterval);
};
useEffect(() => {
let timerID = setInterval(() => tick(), tickInterval);
let timerID = setInterval(() => {
tick()
}, tickInterval);
return () => {
clearInterval(timerID);
clearTimeout(timerID);
};
});
}, []);
useEffect(() => {
setMilliseconds(Date.now() - requestTimestamp);
}, [requestTimestamp]);
if (milliseconds < 1000) {
if (milliseconds < 250) {
return 'Loading...';
}
@ -27,4 +25,4 @@ const StopWatch = ({ requestTimestamp }) => {
return <span>{seconds.toFixed(1)}s</span>;
};
export default StopWatch;
export default React.memo(StopWatch);