session ConnectionBadge.tsx

0% Statements 0/12

0% Branches 0/1

0% Functions 0/1

0% Lines 0/12

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  export function ConnectionBadge({
  connection,
}: {
  connection: "disconnected" | "connecting" | "connected";
}) {
  const label =
    connection === "connected" ? "Connected"
    : connection === "connecting" ? "Connecting..."
    : "Disconnected";
 
  return (
    <div className="connection-badge">
      <span className={`indicator-dot indicator-dot--${connection}`} />
      <span>{label}</span>
    </div>
  );
}