Function useHomepageLiveStats

freebuff/web/src/app/live/live-summary.tsx:16–42

(initialStats: FreebuffLiveStats)

import type { LucideIcon } from 'lucide-react'

function useHomepageLiveStats(initialStats: FreebuffLiveStats) {
  const [isVisible, setIsVisible] = useState(false)
  const sectionRef = useRef<HTMLElement>(null)
  const stats = useLiveStats(initialStats, {
    enabled: isVisible,
    pauseWhenHidden: true,
    refreshOnMount: true,
  })

  useEffect(() => {
    const section = sectionRef.current
    if (!section || !('IntersectionObserver' in window)) {
      setIsVisible(true)
      return
    }

    const observer = new IntersectionObserver(
      ([entry]) => setIsVisible(entry.isIntersecting),
      { rootMargin: '240px 0px', threshold: 0.01 },
    )

    observer.observe(section)
    return () => observer.disconnect()
  }, [])

  return { sectionRef, stats }
}

function LiveRows({
  title,