26 lines
726 B
TypeScript
26 lines
726 B
TypeScript
'use client'
|
|
|
|
import { AnimatedNumber } from '@/components/ui/animated-number'
|
|
|
|
interface RealtimeVisitorsProps {
|
|
count: number
|
|
}
|
|
|
|
export default function RealtimeVisitors({ count }: RealtimeVisitorsProps) {
|
|
return (
|
|
<div
|
|
className="bg-neutral-900/80 border border-white/[0.08] rounded-2xl p-6"
|
|
>
|
|
<div className="flex items-center justify-between mb-2">
|
|
<div className="text-sm text-neutral-400">
|
|
Real-time Visitors
|
|
</div>
|
|
<div className="h-2 w-2 bg-green-500 rounded-full animate-pulse"></div>
|
|
</div>
|
|
<div className="text-3xl font-bold text-white">
|
|
<AnimatedNumber value={count} format={(v) => v.toLocaleString()} />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|