From 0f2b94cc61aa93b1a0f3838723df85f9db63f929 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Thu, 9 Oct 2025 13:32:22 +0100
Subject: [PATCH] style: use wifi icon for disconnected remote relays

- Replace red dot (faCircle) with red wifi icon (faWifi)
- Better visual representation of network disconnection
- Icon size now consistent at 1rem across all states
---
 src/components/Settings/RelaySettings.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Settings/RelaySettings.tsx b/src/components/Settings/RelaySettings.tsx
index 765f5861..eb9feb49 100644
--- a/src/components/Settings/RelaySettings.tsx
+++ b/src/components/Settings/RelaySettings.tsx
@@ -1,6 +1,6 @@
 import React from 'react'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faCheckCircle, faCircle, faClock, faPlane } from '@fortawesome/free-solid-svg-icons'
+import { faCheckCircle, faWifi, faClock, faPlane } from '@fortawesome/free-solid-svg-icons'
 import { RelayStatus } from '../../services/relayStatusService'
 import { formatDistanceToNow } from 'date-fns'
 import { isLocalRelay } from '../../utils/helpers'
@@ -58,9 +58,9 @@ const RelaySettings: React.FC<RelaySettingsProps> = ({ relayStatuses }) => {
         }
       } else {
         return {
-          icon: faCircle,
+          icon: faWifi,
           color: '#ef4444',
-          size: '0.7rem'
+          size: '1rem'
         }
       }
     }