| .. | .. |
|---|
| 8 | 8 | } |
|---|
| 9 | 9 | |
|---|
| 10 | 10 | export function StatusDot({ status, size = 10 }: StatusDotProps) { |
|---|
| 11 | | - const colorClass = |
|---|
| 11 | + const color = |
|---|
| 12 | 12 | status === "connected" |
|---|
| 13 | | - ? "bg-pai-success" |
|---|
| 13 | + ? "#22c55e" |
|---|
| 14 | + : status === "compacting" |
|---|
| 15 | + ? "#3b82f6" |
|---|
| 14 | 16 | : status === "connecting" |
|---|
| 15 | | - ? "bg-pai-warning" |
|---|
| 16 | | - : "bg-pai-error"; |
|---|
| 17 | + ? "#eab308" |
|---|
| 18 | + : "#ef4444"; |
|---|
| 17 | 19 | |
|---|
| 18 | 20 | return ( |
|---|
| 19 | 21 | <View |
|---|
| 20 | | - className={`rounded-full ${colorClass}`} |
|---|
| 21 | | - style={{ width: size, height: size }} |
|---|
| 22 | + className="rounded-full" |
|---|
| 23 | + style={{ width: size, height: size, backgroundColor: color }} |
|---|
| 22 | 24 | /> |
|---|
| 23 | 25 | ); |
|---|
| 24 | 26 | } |
|---|
