openhands
a6e808a099
Header and hero/stats counters each opened their own EventSource to the online-count stream; a shared subscriber now opens a single socket and multicasts to every mounted counter. The entrance count-up animation skips its requestAnimationFrame loop when the user prefers reduced motion.
22 lines
560 B
TypeScript
22 lines
560 B
TypeScript
"use client";
|
|
|
|
import { AnimatedCounter } from "@/components/animated-counter";
|
|
import { useOnlineCount } from "@/lib/online-count-sse";
|
|
|
|
/**
|
|
* Live animated online-count number. Shares a single SSE connection (see
|
|
* `useOnlineCount`) so the whole page uses one socket instead of one per
|
|
* counter, while keeping the entrance counter animation.
|
|
*/
|
|
export function LiveOnlineCounter({
|
|
initial,
|
|
suffix = "",
|
|
}: {
|
|
initial: number;
|
|
suffix?: string;
|
|
}) {
|
|
const count = useOnlineCount(initial);
|
|
|
|
return <AnimatedCounter value={count} suffix={suffix} />;
|
|
}
|