refactor: translations for common terminal stuff

apps/dokploy/components/dashboard/settings/servers/add-server.tsx

@@ -31,8 +31,8 @@ import { Textarea } from "@/components/ui/textarea";
 import { api } from "@/utils/api";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { PlusIcon } from "lucide-react";
+import { useTranslation } from "next-i18next";
 import Link from "next/link";
-import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
@@ -56,6 +56,8 @@ const Schema = z.object({
 type Schema = z.infer<typeof Schema>;
 
 export const AddServer = () => {
+	const { t } = useTranslation("settings");
+
 	const utils = api.useUtils();
 	const [isOpen, setIsOpen] = useState(false);
 	const { data: canCreateMoreServers, refetch } =
@@ -212,7 +214,7 @@ export const AddServer = () => {
 								name="ipAddress"
 								render={({ field }) => (
 									<FormItem>
-										<FormLabel>IP Address</FormLabel>
+										<FormLabel>{t("settings.terminal.ipAddress")}</FormLabel>
 										<FormControl>
 											<Input placeholder="192.168.1.100" {...field} />
 										</FormControl>
@@ -226,7 +228,7 @@ export const AddServer = () => {
 								name="port"
 								render={({ field }) => (
 									<FormItem>
-										<FormLabel>Port</FormLabel>
+										<FormLabel>{t("settings.terminal.port")}</FormLabel>
 										<FormControl>
 											<Input
 												placeholder="22"
@@ -256,7 +258,7 @@ export const AddServer = () => {
 							name="username"
 							render={({ field }) => (
 								<FormItem>
-									<FormLabel>Username</FormLabel>
+									<FormLabel>{t("settings.terminal.username")}</FormLabel>
 									<FormControl>
 										<Input placeholder="root" {...field} />
 									</FormControl>

apps/dokploy/components/dashboard/settings/servers/show-servers.tsx

@@ -33,8 +33,10 @@ import { ShowTraefikFileSystemModal } from "./show-traefik-file-system-modal";
 import { UpdateServer } from "./update-server";
 import { useRouter } from "next/router";
 import { WelcomeSuscription } from "./welcome-stripe/welcome-suscription";
+import { useTranslation } from "next-i18next";
 
 export const ShowServers = () => {
+	const { t } = useTranslation("settings");
 	const router = useRouter();
 	const query = router.query;
 	const { data, refetch } = api.server.all.useQuery();
@@ -190,7 +192,9 @@ export const ShowServers = () => {
 															<>
 																{server.sshKeyId && (
 																	<TerminalModal serverId={server.serverId}>
-																		<span>Enter the terminal</span>
+																		<span>
+																			{t("settings.common.enterTerminal")}
+																		</span>
 																	</TerminalModal>
 																)}
 																<SetupServer serverId={server.serverId} />

apps/dokploy/components/dashboard/settings/servers/update-server.tsx

@@ -31,8 +31,7 @@ import {
 import { Textarea } from "@/components/ui/textarea";
 import { api } from "@/utils/api";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { PlusIcon } from "lucide-react";
+import { useTranslation } from "next-i18next";
-import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import { toast } from "sonner";
@@ -60,6 +59,8 @@ interface Props {
 }
 
 export const UpdateServer = ({ serverId }: Props) => {
+	const { t } = useTranslation("settings");
+
 	const utils = api.useUtils();
 	const [isOpen, setIsOpen] = useState(false);
 	const { data, isLoading } = api.server.one.useQuery(
@@ -212,7 +213,7 @@ export const UpdateServer = ({ serverId }: Props) => {
 								name="ipAddress"
 								render={({ field }) => (
 									<FormItem>
-										<FormLabel>IP Address</FormLabel>
+										<FormLabel>{t("settings.terminal.ipAddress")}</FormLabel>
 										<FormControl>
 											<Input placeholder="192.168.1.100" {...field} />
 										</FormControl>
@@ -226,7 +227,7 @@ export const UpdateServer = ({ serverId }: Props) => {
 								name="port"
 								render={({ field }) => (
 									<FormItem>
-										<FormLabel>Port</FormLabel>
+										<FormLabel>{t("settings.terminal.port")}</FormLabel>
 										<FormControl>
 											<Input
 												placeholder="22"
@@ -256,7 +257,7 @@ export const UpdateServer = ({ serverId }: Props) => {
 							name="username"
 							render={({ field }) => (
 								<FormItem>
-									<FormLabel>Username</FormLabel>
+									<FormLabel>{t("settings.terminal.username")}</FormLabel>
 									<FormControl>
 										<Input placeholder="root" {...field} />
 									</FormControl>
@@ -273,7 +274,7 @@ export const UpdateServer = ({ serverId }: Props) => {
 							form="hook-form-update-server"
 							type="submit"
 						>
-							Update
+							{t("settings.common.save")}
 						</Button>
 					</DialogFooter>
 				</Form>

apps/dokploy/public/locales/en/settings.json

@@ -1,5 +1,6 @@
 {
 	"settings.common.save": "Save",
+	"settings.common.enterTerminal": "Enter the terminal",
 	"settings.server.domain.title": "Server Domain",
 	"settings.server.domain.description": "Add a domain to your server application.",
 	"settings.server.domain.form.domain": "Domain",
@@ -13,7 +14,6 @@
 	"settings.server.webServer.description": "Reload or clean the web server.",
 	"settings.server.webServer.actions": "Actions",
 	"settings.server.webServer.reload": "Reload",
-	"settings.server.webServer.enterTerminal": "Enter the terminal",
 	"settings.server.webServer.watchLogs": "Watch logs",
 	"settings.server.webServer.updateServerIp": "Update Server IP",
 	"settings.server.webServer.server.label": "Server",
@@ -41,5 +41,10 @@
 	"settings.appearance.themes.dark": "Dark",
 	"settings.appearance.themes.system": "System",
 	"settings.appearance.language": "Language",
-	"settings.appearance.languageDescription": "Select a language for your dashboard"
+	"settings.appearance.languageDescription": "Select a language for your dashboard",
+
+	"settings.terminal.connectionSettings": "Connection settings",
+	"settings.terminal.ipAddress": "IP Address",
+	"settings.terminal.port": "Port",
+	"settings.terminal.username": "Username"
 }

apps/dokploy/public/locales/pl/settings.json

@@ -1,5 +1,6 @@
 {
 	"settings.common.save": "Zapisz",
+	"settings.common.enterTerminal":  "Otwórz terminal",
 	"settings.server.domain.title": "Domena",
 	"settings.server.domain.description": "Dodaj domenę do aplikacji",
 	"settings.server.domain.form.domain": "Domena",
@@ -13,7 +14,6 @@
 	"settings.server.webServer.description": "Przeładuj lub wyczyść serwer",
 	"settings.server.webServer.actions": "Akcje",
 	"settings.server.webServer.reload": "Przeładuj",
-	"settings.server.webServer.enterTerminal": "Otwórz terminal",
 	"settings.server.webServer.watchLogs": "Obserwuj logi",
 	"settings.server.webServer.updateServerIp": "Zaktualizuj IP serwera",
 	"settings.server.webServer.server.label": "Serwer",
@@ -41,5 +41,10 @@
 	"settings.appearance.themes.dark": "Ciemny",
 	"settings.appearance.themes.system": "System",
 	"settings.appearance.language": "Język",
-	"settings.appearance.languageDescription": "Wybierz język swojego pulpitu"
+	"settings.appearance.languageDescription": "Wybierz język swojego pulpitu",
+
+	"settings.terminal.connectionSettings": "Ustawienia połączenia",
+	"settings.terminal.ipAddress": "Adres IP",
+	"settings.terminal.port": "Port",
+	"settings.terminal.username": "Nazwa użytkownika"
 }