ReflectsLight/al-quran.reflectslight.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Reduce intesity of Timer.tsx ticks

Browse source
This commit is contained in:
0x1eef 2024-05-24 15:57:42 -03:00
parent 7d8867e991
commit e8f2f11734
2 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/js/components/SurahStream/Timer.tsx
View file

@ -39,7 +39,7 @@ export function Timer({ locale, surah, ayah, isPaused, audioStatus, onComplete }
} else if (ms <= 0) {
onComplete(surah, ayah);
} else {
const tid = setTimeout(() => setMs(ms - 100), 100);
const tid = setTimeout(() => setMs(ms - 1000), 1000);
return () => clearTimeout(tid);
}
}, [isStalled, isPaused, ms]);
@ -50,7 +50,9 @@ export function Timer({ locale, surah, ayah, isPaused, audioStatus, onComplete }
return (
<div className="timer text-base w-10 flex justify-end">
{!ms || ms / 1000 <= 0 ? formatNumber(locale, 0) : formatNumber(locale, ms / 1000)}
{!ms || ms / 1000 <= 0
? formatNumber(locale, 0)
: formatNumber(locale, ms / 1000, { maximumFractionDigits: 0 })}
</div>
);
}

7
src/js/lib/t.ts
View file

@ -17,8 +17,9 @@ export function T(phrases: PhraseMap<string>): TFunction {
};
}
export function formatNumber(locale: TLocale, num: number): string {
export function formatNumber(locale: TLocale, num: number, options = {}): string {
const numl = locale.name === "ar" ? "ar-SA" : locale.name;
const options = { maximumFractionDigits: 1 };
return new Intl.NumberFormat(numl, options).format(num);
return new Intl.NumberFormat(numl, { maximumFractionDigits: 1, ...options }).format(
num,
);
}