Translate tunnels

public/locales/en/translation.json

@@ -406,6 +406,8 @@
   },
   "tunnels": {
     "title": "SSH Tunnels",
+    "noSshTunnels": "No SSH Tunnels",
+    "createFirstTunnelMessage": "You haven't created any SSH tunnels yet. Configure tunnel connections in the Host Manager to get started.",
     "connected": "Connected",
     "disconnected": "Disconnected",
     "connecting": "Connecting...",
@@ -425,6 +427,8 @@
     "attempt": "Attempt {{current}} of {{max}}",
     "nextRetryIn": "Next retry in {{seconds}} seconds",
     "checkDockerLogs": "Check your Docker logs for the error reason, join the",
+    "noTunnelConnections": "No tunnel connections configured",
+    "tunnelConnections": "Tunnel Connections",
     "addTunnel": "Add Tunnel",
     "editTunnel": "Edit Tunnel",
     "deleteTunnel": "Delete Tunnel",

public/locales/zh/translation.json

@@ -443,6 +443,8 @@
   },
   "tunnels": {
     "title": "SSH 隧道",
+    "noSshTunnels": "没有 SSH 隧道",
+    "createFirstTunnelMessage": "您还没有创建任何 SSH 隧道。在主机管理器中配置隧道连接以开始使用。",
     "connected": "已连接",
     "disconnected": "已断开",
     "connecting": "连接中...",
@@ -462,6 +464,8 @@
     "attempt": "第 {{current}} 次尝试，共 {{max}} 次",
     "nextRetryIn": "{{seconds}} 秒后重试",
     "checkDockerLogs": "查看 Docker 日志以了解错误原因，加入",
+    "noTunnelConnections": "未配置隧道连接",
+    "tunnelConnections": "隧道连接",
     "addTunnel": "添加隧道",
     "editTunnel": "编辑隧道",
     "deleteTunnel": "删除隧道",

src/ui/Apps/Tunnel/TunnelObject.tsx

@@ -236,7 +236,7 @@ export function TunnelObject({
                                                                 className="h-7 px-2 text-green-600 dark:text-green-400 border-green-500/30 dark:border-green-400/30 hover:bg-green-500/10 dark:hover:bg-green-400/10 hover:border-green-500/50 dark:hover:border-green-400/50 text-xs"
                                                             >
                                                                 <Play className="h-3 w-3 mr-1"/>
-                                                                Connect
+                                                                {t('tunnels.connect')}
                                                             </Button>
                                                         )}
                                                     </div>
@@ -299,7 +299,7 @@ export function TunnelObject({
                     ) : (
                         <div className="text-center py-4 text-muted-foreground">
                             <Network className="h-8 w-8 mx-auto mb-2 opacity-50"/>
-                            <p className="text-sm">No tunnel connections configured</p>
+                            <p className="text-sm">{t('tunnels.noTunnelConnections')}</p>
                         </div>
                     )}
                 </div>
@@ -348,7 +348,7 @@ export function TunnelObject({
                     {!compact && (
                         <h4 className="text-sm font-medium text-card-foreground flex items-center gap-2">
                             <Network className="h-4 w-4"/>
-                            Tunnel Connections ({host.tunnelConnections.length})
+                            {t('tunnels.tunnelConnections')} ({host.tunnelConnections.length})
                         </h4>
                     )}
                     {host.tunnelConnections && host.tunnelConnections.length > 0 ? (
@@ -416,7 +416,7 @@ export function TunnelObject({
                                                                 className="h-7 px-2 text-green-600 dark:text-green-400 border-green-500/30 dark:border-green-400/30 hover:bg-green-500/10 dark:hover:bg-green-400/10 hover:border-green-500/50 dark:hover:border-green-400/50 text-xs"
                                                             >
                                                                 <Play className="h-3 w-3 mr-1"/>
-                                                                Connect
+                                                                {t('tunnels.connect')}
                                                             </Button>
                                                         )}
                                                     </div>
@@ -480,7 +480,7 @@ export function TunnelObject({
                     ) : (
                         <div className="text-center py-4 text-muted-foreground">
                             <Network className="h-8 w-8 mx-auto mb-2 opacity-50"/>
-                            <p className="text-sm">No tunnel connections configured</p>
+                            <p className="text-sm">{t('tunnels.noTunnelConnections')}</p>
                         </div>
                     )}
                 </div>