diff --git a/packages/app/src/app.tsx b/packages/app/src/app.tsx
index c6fca36d5..e37086221 100644
--- a/packages/app/src/app.tsx
+++ b/packages/app/src/app.tsx
@@ -12,6 +12,7 @@ import { type BaseRouterProps, Navigate, Route, Router } from "@solidjs/router"
import { type Duration, Effect } from "effect"
import {
type Component,
+ createMemo,
createResource,
createSignal,
ErrorBoundary,
@@ -67,7 +68,7 @@ const SessionIndexRoute = () =>
function UiI18nBridge(props: ParentProps) {
const language = useLanguage()
- return {props.children}
+ return {props.children}
}
declare global {
@@ -218,8 +219,12 @@ function ConnectionGate(props: ParentProps<{ disableHealthCheck?: boolean }>) {
}
function ConnectionError(props: { onRetry?: () => void; onServerSelected?: (key: ServerConnection.Key) => void }) {
+ const language = useLanguage()
const server = useServer()
const others = () => server.list.filter((s) => ServerConnection.key(s) !== server.key)
+ const name = createMemo(() => server.name || server.key)
+ const serverToken = "\u0000server\u0000"
+ const unreachable = createMemo(() => language.t("app.server.unreachable", { server: serverToken }).split(serverToken))
const timer = setInterval(() => props.onRetry?.(), 1000)
onCleanup(() => clearInterval(timer))
@@ -229,13 +234,15 @@ function ConnectionError(props: { onRetry?: () => void; onServerSelected?: (key:
- Could not reach {server.name || server.key}
+ {unreachable()[0]}
+ {name()}
+ {unreachable()[1]}
-
Retrying automatically...
+
{language.t("app.server.retrying")}