diff --git a/src/components/Settings/RelaySettings.tsx b/src/components/Settings/RelaySettings.tsx index af3c385b..1a8ac906 100644 --- a/src/components/Settings/RelaySettings.tsx +++ b/src/components/Settings/RelaySettings.tsx @@ -1,9 +1,10 @@ import React from 'react' import { useNavigate } from 'react-router-dom' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' -import { faCheckCircle, faCircle, faClock } from '@fortawesome/free-solid-svg-icons' +import { faCheckCircle, faCircle, faClock, faPlane } from '@fortawesome/free-solid-svg-icons' import { RelayStatus } from '../../services/relayStatusService' import { formatDistanceToNow } from 'date-fns' +import { isLocalRelay } from '../../utils/helpers' interface RelaySettingsProps { relayStatuses: RelayStatus[] @@ -66,9 +67,29 @@ const RelaySettings: React.FC = ({ relayStatuses, onClose }) fontFamily: 'var(--font-mono, monospace)', whiteSpace: 'nowrap', overflow: 'hidden', - textOverflow: 'ellipsis' + textOverflow: 'ellipsis', + display: 'flex', + alignItems: 'center', + gap: '0.5rem' }}> {formatRelayUrl(relay.url)} + {isLocalRelay(relay.url) && ( + + + + )} @@ -118,9 +139,29 @@ const RelaySettings: React.FC = ({ relayStatuses, onClose }) fontFamily: 'var(--font-mono, monospace)', whiteSpace: 'nowrap', overflow: 'hidden', - textOverflow: 'ellipsis' + textOverflow: 'ellipsis', + display: 'flex', + alignItems: 'center', + gap: '0.5rem' }}> {formatRelayUrl(relay.url)} + {isLocalRelay(relay.url) && ( + + + + )}