export function TwoDirectionConnector()

in tools/awps-tunnel/client/src/components/Connector.tsx [15:33]


export function TwoDirectionConnector({ statusPair }: { statusPair: ConnectionStatusPair }) {
  if (statusPair.statusOut === ConnectionStatus.None || statusPair.statusIn === ConnectionStatus.None) {
    return <div className="two-direction-arrow-line dashed-line"></div>;

  }
  if (statusPair.statusOut === ConnectionStatus.Connected && statusPair.statusIn === ConnectionStatus.Connected) {
    return <div className="two-direction-arrow-line connected"></div>;
  }

  if (statusPair.statusOut === ConnectionStatus.Disconnected) {
    return <div className="two-direction-arrow-line requesterror"></div>;
  }

  if (statusPair.statusOut === ConnectionStatus.Connected && statusPair.statusIn === ConnectionStatus.Disconnected) {
    return <div className="two-direction-arrow-line responseerror"></div>;
  }

  return <div className="two-direction-arrow-line dashed-line"></div>;
}