dashboard
repositories
activity
search
login
APPS
/
PAILot
summary
reflog
commits
tree
compare
forks
blame
|
history
|
raw
|
HEAD
feat: explicit session addressing + toast queue + solid toast styling
Matthias Nott
2026-03-08
4c266155785aad5050ebff7211e3d5f9e15c3238
[APPS/PAILot.git]
/
components
/
ui
/
StatusDot.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import React from "react";
import { View } from "react-native";
import { ConnectionStatus } from "../../types";
interface StatusDotProps {
status: ConnectionStatus;
size?: number;
}
export function StatusDot({ status, size = 10 }: StatusDotProps) {
const color =
status === "connected"
? "#22c55e"
: status === "compacting"
? "#3b82f6"
: status === "connecting" || status === "reconnecting"
? "#eab308"
: "#ef4444";
return (
<View
className="rounded-full"
style={{ width: size, height: size, backgroundColor: color }}
/>
);
}