28 lines
672 B
TypeScript
28 lines
672 B
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
import { useSocket } from "@/components/providers/socket-provider";
|
||
|
|
import { Badge } from "@/components/ui/badge";
|
||
|
|
|
||
|
|
export const SocketIndicator = () => {
|
||
|
|
const { isConnected } = useSocket();
|
||
|
|
|
||
|
|
if (!isConnected) {
|
||
|
|
return (
|
||
|
|
<Badge
|
||
|
|
variant="outline"
|
||
|
|
className="bg-yellow-600 text-white border-none"
|
||
|
|
>
|
||
|
|
Fallback: Polling every 1s
|
||
|
|
</Badge>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Badge
|
||
|
|
variant="outline"
|
||
|
|
className="bg-emerald-600 text-white border-none"
|
||
|
|
>
|
||
|
|
Live: Real-time Updates
|
||
|
|
</Badge>
|
||
|
|
)
|
||
|
|
}
|