dashboard
repositories
activity
search
login
APPS
/
PAILot
summary
reflog
commits
tree
compare
forks
blame
|
history
|
raw
|
HEAD
feat: initial PAILot app — voice-first AI communicator
Matthias Nott
2026-03-02
aca79f31767ae6f03f47a284f3d0e80850c5fb02
[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
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 colorClass =
status === "connected"
? "bg-pai-success"
: status === "connecting"
? "bg-pai-warning"
: "bg-pai-error";
return (
<View
className={`rounded-full ${colorClass}`}
style={{ width: size, height: size }}
/>
);
}