@@ -635,7 +635,7 @@ export function LeftSidebar({
e.currentTarget.style.backgroundColor = "transparent";
}
}}
- title="Drag to resize sidebar"
+ title={t("common.dragToResizeSidebar")}
/>
)}
diff --git a/src/ui/desktop/navigation/hosts/Host.tsx b/src/ui/desktop/navigation/hosts/Host.tsx
index f619c648..01bc15b3 100644
--- a/src/ui/desktop/navigation/hosts/Host.tsx
+++ b/src/ui/desktop/navigation/hosts/Host.tsx
@@ -21,10 +21,12 @@ import { useTabs } from "@/ui/desktop/navigation/tabs/TabContext";
import { getServerStatusById } from "@/ui/main-axios";
import type { HostProps } from "../../../../types";
import { DEFAULT_STATS_CONFIG } from "@/types/stats-widgets";
+import { useTranslation } from "react-i18next";
export function Host({ host: initialHost }: HostProps): React.ReactElement {
const { addTab } = useTabs();
const [host, setHost] = useState(initialHost);
+ const { t } = useTranslation();
const [serverStatus, setServerStatus] = useState<
"online" | "offline" | "degraded"
>("degraded");
@@ -177,7 +179,7 @@ export function Host({ host: initialHost }: HostProps): React.ReactElement {
className="flex items-center gap-2 cursor-pointer px-3 py-2 hover:bg-hover text-foreground-secondary"
>
-
Open Server Stats
+
{t('hosts.openServerStats')}
)}
{host.enableFileManager && (
@@ -188,7 +190,7 @@ export function Host({ host: initialHost }: HostProps): React.ReactElement {
className="flex items-center gap-2 cursor-pointer px-3 py-2 hover:bg-hover text-foreground-secondary"
>
-
Open File Manager
+
{t('hosts.openFileManager')}
)}
{host.enableTunnel && (
@@ -199,7 +201,7 @@ export function Host({ host: initialHost }: HostProps): React.ReactElement {
className="flex items-center gap-2 cursor-pointer px-3 py-2 hover:bg-hover text-foreground-secondary"
>
-
Open Tunnels
+
{t('hosts.openTunnels')}
)}
{host.enableDocker && (
@@ -210,14 +212,14 @@ export function Host({ host: initialHost }: HostProps): React.ReactElement {
className="flex items-center gap-2 cursor-pointer px-3 py-2 hover:bg-hover text-foreground-secondary"
>
-
Open Docker
+
{t('hosts.openDocker')}
)}
addTab({
type: "ssh_manager",
- title: "Host Manager",
+ title: t('nav.hostManager'),
hostConfig: host,
initialTab: "add_host",
})
@@ -225,7 +227,7 @@ export function Host({ host: initialHost }: HostProps): React.ReactElement {
className="flex items-center gap-2 cursor-pointer px-3 py-2 hover:bg-hover text-foreground-secondary"
>
- Edit
+ {t('common.edit')}
diff --git a/src/ui/desktop/navigation/tabs/TabContext.tsx b/src/ui/desktop/navigation/tabs/TabContext.tsx
index 61347d6b..a92b851a 100644
--- a/src/ui/desktop/navigation/tabs/TabContext.tsx
+++ b/src/ui/desktop/navigation/tabs/TabContext.tsx
@@ -266,7 +266,11 @@ export function TabProvider({ children }: TabProviderProps) {
hostConfig: newHostConfig,
title: newHostConfig.name?.trim()
? newHostConfig.name
- : `${newHostConfig.username}@${newHostConfig.ip}:${newHostConfig.port}`,
+ : t("nav.hostTabTitle", {
+ username: newHostConfig.username,
+ ip: newHostConfig.ip,
+ port: newHostConfig.port,
+ }),
};
}
return tab;
diff --git a/src/ui/desktop/user/UserProfile.tsx b/src/ui/desktop/user/UserProfile.tsx
index 41928519..312e99fe 100644
--- a/src/ui/desktop/user/UserProfile.tsx
+++ b/src/ui/desktop/user/UserProfile.tsx
@@ -551,7 +551,7 @@ export function UserProfile({