Mirror/robosats
1
0
Fork 0
mirror of https://github.com/RoboSats/robosats.git synced 2025-01-18 20:21:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add initial time fraction left on time progress

Browse Source
This commit is contained in:
Reckless_Satoshi 2022-11-29 02:00:56 -08:00
parent 56f9c35b50
commit cc87054246
No known key found for this signature in database
GPG Key ID: 9C4585B561315571
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/components/OrderDetails/LinearDeterminate.tsx
View File

@ -8,16 +8,21 @@ interface Props {
} }
const LinearDeterminate = ({ expiresAt, totalSecsExp }: Props): JSX.Element => { const LinearDeterminate = ({ expiresAt, totalSecsExp }: Props): JSX.Element => {
const [progress, setProgress] = useState<number>(100); const timePercentLeft = function(){
if (expiresAt && totalSecsExp){
const lapseTime = calcTimeDelta(new Date(expiresAt)).total / 1000;
return (lapseTime / totalSecsExp) * 100;
} else {
return 100;
}
}
const [progress, setProgress] = useState<number>(timePercentLeft);
useEffect(() => { useEffect(() => {
const timer = setInterval(() => { const timer = setInterval(() => {
const left = calcTimeDelta(new Date(expiresAt)).total / 1000; setProgress(timePercentLeft);
const newProgress = (left / totalSecsExp) * 100;
setProgress(newProgress);
}, 1000); }, 1000);
return () => { return () => {
clearInterval(timer); clearInterval(timer);
}; };