Function StatNumber

src/Components/Home/home.jsx:656–676

({value})

}

function StatNumber({value}) {
    const [n, setN] = useState(0);
    useEffect(() => {
        if (value === null) return;
        let raf;
        const start = performance.now();
        const dur = 1200;
        const tick = (t) => {
            const p = Math.min((t - start) / dur, 1);
            setN(Math.floor(p * value));
            if (p < 1) {
                raf = requestAnimationFrame(tick);
            } else {
                setN(value);
            }
        };
        raf = requestAnimationFrame(tick);
        return () => cancelAnimationFrame(raf);
    }, [value]);
    return value === null ? '—' : n.toLocaleString();
}

function StatsBlock() {
    const dark = useTheme().palette.mode === 'dark';