From 76f55111ecb50ce991b59fe84e7f3cf1e42aeb0a Mon Sep 17 00:00:00 2001
From: Fleeym <fleeym@proton.me>
Date: Tue, 23 Dec 2025 06:03:06 +0200
Subject: [PATCH] improve network error route (#1435)

---
 src/i18n/locales/en.json                                      | 3 +++
 .../features/action-required/routes/no-network-route.tsx      | 4 ++--
 src/renderer/router/app-router.tsx                            | 2 ++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 398932163..eb4f42d58 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -119,6 +119,7 @@
         "quit": "quit",
         "random": "random",
         "rating": "rating",
+        "retry": "retry",
         "recordLabel": "record label",
         "releaseType": "release type",
         "refresh": "refresh",
@@ -212,6 +213,8 @@
         "mpvRequired": "MPV required",
         "multipleServerSaveQueueError": "the play queue has one or more songs which are not from the current server. this is not supported",
         "networkError": "a network error occurred",
+        "noNetwork": "server unavailable",
+        "noNetworkDescription": "couldn't connect to this server",
         "notificationDenied": "permissions for notifications were denied. this setting has no effect",
         "openError": "could not open file",
         "playbackError": "an error occurred when trying to play the media",
diff --git a/src/renderer/features/action-required/routes/no-network-route.tsx b/src/renderer/features/action-required/routes/no-network-route.tsx
index 2ea5cdd4a..6512f772a 100644
--- a/src/renderer/features/action-required/routes/no-network-route.tsx
+++ b/src/renderer/features/action-required/routes/no-network-route.tsx
@@ -23,8 +23,8 @@ const NoNetworkRoute = () => {
     return (
         <AnimatedPage>
             <PageHeader />
-            <Center style={{ height: '100%', width: '100vw' }}>
-                <Stack gap="xl" style={{ maxWidth: '50%', textAlign: 'center' }}>
+            <Center style={{ height: '100%' }}>
+                <Stack align="center" gap="xl" style={{ maxWidth: '50%', textAlign: 'center' }}>
                     <Icon icon="wifiOff" size="4rem" />
                     <Stack gap="md">
                         <Text size="xl" weight={600}>
diff --git a/src/renderer/router/app-router.tsx b/src/renderer/router/app-router.tsx
index f508a8c6f..756cd8a97 100644
--- a/src/renderer/router/app-router.tsx
+++ b/src/renderer/router/app-router.tsx
@@ -211,6 +211,8 @@ export const AppRouter = () => {
                                     path={AppRoute.ACTION_REQUIRED}
                                 />
                                 <Route element={<LoginRoute />} path={AppRoute.LOGIN} />
+                            </Route>
+                            <Route element={<ResponsiveLayout />}>
                                 <Route element={<NoNetworkRoute />} path={AppRoute.NO_NETWORK} />
                             </Route>
                         </Route>