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) { } else if (ms <= 0) {
onComplete(surah, ayah); onComplete(surah, ayah);
} else { } else {
const tid = setTimeout(() => setMs(ms - 100), 100); const tid = setTimeout(() => setMs(ms - 1000), 1000);
return () => clearTimeout(tid); return () => clearTimeout(tid);
} }
}, [isStalled, isPaused, ms]); }, [isStalled, isPaused, ms]);
@ -50,7 +50,9 @@ export function Timer({ locale, surah, ayah, isPaused, audioStatus, onComplete }
return ( return (
<div className="timer text-base w-10 flex justify-end"> <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> </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 numl = locale.name === "ar" ? "ar-SA" : locale.name;
const options = { maximumFractionDigits: 1 }; return new Intl.NumberFormat(numl, { maximumFractionDigits: 1, ...options }).format(
return new Intl.NumberFormat(numl, options).format(num); num,
);
} }