From cf1527dc8ae392b5d96357f1896b36aa5a88038a Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Sat, 27 Dec 2025 22:27:52 -0700
Subject: [PATCH] update error message

---
 src/assets/locales/en.json              |  3 ++-
 src/components/form/BackendSelector.tsx | 12 +++++++++---
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json
index 122c8975..10b98aee 100644
--- a/src/assets/locales/en.json
+++ b/src/assets/locales/en.json
@@ -1143,7 +1143,8 @@
           "description": "<0>Migrate my data</0> to a new server.",
           "link": "Migrate my data"
         },
-        "documentation": "Backend documentation"
+        "documentation": "Backend documentation",
+        "error": "Error connecting to backend"
       },
       "setup": {
         "doSetup": "Do setup",
diff --git a/src/components/form/BackendSelector.tsx b/src/components/form/BackendSelector.tsx
index 6d304997..9587f968 100644
--- a/src/components/form/BackendSelector.tsx
+++ b/src/components/form/BackendSelector.tsx
@@ -67,9 +67,15 @@ function BackendOptionItem({
               </span>
             </div>
           ) : option.error ? (
-            <div>
-              <p className="text-white font-medium">{hostname}</p>
-              <p className="text-type-secondary text-sm">{option.url}</p>
+            <div className="flex items-center gap-2">
+              <div className="flex flex-col">
+                <p className="text-white font-medium">{hostname}</p>
+                <p className="text-type-secondary text-sm">{option.url}</p>
+              </div>
+              <Icon icon={Icons.WARNING} className="text-type-danger text-sm" />
+              <span className="text-type-danger text-sm">
+                {t("settings.connections.server.error")}
+              </span>
             </div>
           ) : option.meta ? (
             <div>