feat: dual address auto-switch, custom icon, notifications, image support

Matthias Nott

2026-03-07 af1543135d42adc2e97dc5243aeef7418cd3b00d

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"
      ? "#eab308"
      : "#ef4444";

  return (
    <View
      className="rounded-full"
      style={{ width: size, height: size, backgroundColor: color }}
    />
  );
}