github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-09 03:36:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): don't animate initial value of silence progress

Browse Source
This commit is contained in:
Łukasz Mierzwa
2020-04-30 18:11:07 +01:00
committed by Łukasz Mierzwa
parent bc0452a12f
commit 1072e367c5
1 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
ui/src/Components/ManagedSilence/SilenceProgress.js
View File

@@ -9,24 +9,23 @@ import { APISilence } from "Models/API";
import "./SilenceProgress.scss";
const calculatePercent = (startsAt, endsAt) => {
const durationDone = moment().unix() - moment(startsAt).unix();
const durationTotal = moment(endsAt).unix() - moment(startsAt).unix();
return Math.floor((durationDone / durationTotal) * 100);
};
const SilenceProgress = ({ silence }) => {
const progress = useLocalStore(() => ({
value: 0,
calculate(startsAt, endsAt) {
const durationDone = moment().unix() - moment(startsAt).unix();
const durationTotal = moment(endsAt).unix() - moment(startsAt).unix();
const durationPercent = Math.floor((durationDone / durationTotal) * 100);
if (this.value !== durationPercent) {
this.value = durationPercent;
}
value: calculatePercent(silence.startsAt, silence.endsAt),
setValue(val) {
this.value = val;
},
}));
useEffect(() => {
progress.calculate(silence.startsAt, silence.endsAt);
const timer = setInterval(() => {
progress.calculate(silence.startsAt, silence.endsAt);
progress.setValue(calculatePercent(silence.startsAt, silence.endsAt));
}, 30 * 1000);
return () => clearInterval(timer);
}, [progress, silence.startsAt, silence.endsAt]);