fix(i18n): fix project sub-page not load translations

Author: PaiJi

apps/dokploy/pages/dashboard/project/[projectId].tsx

@@ -92,6 +92,7 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/components/ui/select";
+import { getLocale, serverSideTranslations } from "@/utils/i18n";
 
 export type Services = {
 	appName: string;
@@ -993,6 +994,7 @@ export async function getServerSideProps(
 	const { params } = ctx;
 
 	const { req, res } = ctx;
+	const locale = getLocale(req.cookies);
 	const { user, session } = await validateRequest(req);
 	if (!user) {
 		return {
@@ -1025,6 +1027,7 @@ export async function getServerSideProps(
 				props: {
 					trpcState: helpers.dehydrate(),
 					projectId: params?.projectId,
+					...(await serverSideTranslations(locale)),
 				},
 			};
 		} catch (_error) {

apps/dokploy/pages/dashboard/project/[projectId]/services/application/[applicationId].tsx

@@ -38,6 +38,7 @@ import {
 import { cn } from "@/lib/utils";
 import { appRouter } from "@/server/api/root";
 import { api } from "@/utils/api";
+import { getLocale, serverSideTranslations } from "@/utils/i18n";
 import { validateRequest } from "@dokploy/server/lib/auth";
 import { createServerSideHelpers } from "@trpc/react-query/server";
 import copy from "copy-to-clipboard";
@@ -358,6 +359,7 @@ export async function getServerSideProps(
 	}>,
 ) {
 	const { query, params, req, res } = ctx;
+	const locale = getLocale(req.cookies);
 
 	const activeTab = query.tab;
 	const { user, session } = await validateRequest(req);
@@ -396,6 +398,7 @@ export async function getServerSideProps(
 					trpcState: helpers.dehydrate(),
 					applicationId: params?.applicationId,
 					activeTab: (activeTab || "general") as TabState,
+					...(await serverSideTranslations(locale)),
 				},
 			};
 		} catch (_error) {

apps/dokploy/pages/dashboard/project/[projectId]/services/compose/[composeId].tsx

@@ -48,6 +48,7 @@ import { type ReactElement, useEffect, useState } from "react";
 import { toast } from "sonner";
 import superjson from "superjson";
 import { ShowImport } from "@/components/dashboard/application/advanced/import/show-import";
+import { getLocale, serverSideTranslations } from "@/utils/i18n";
 
 type TabState =
 	| "projects"
@@ -356,6 +357,7 @@ export async function getServerSideProps(
 	}>,
 ) {
 	const { query, params, req, res } = ctx;
+	const locale = getLocale(req.cookies);
 
 	const activeTab = query.tab;
 	const { user, session } = await validateRequest(req);
@@ -392,6 +394,7 @@ export async function getServerSideProps(
 					trpcState: helpers.dehydrate(),
 					composeId: params?.composeId,
 					activeTab: (activeTab || "general") as TabState,
+					...(await serverSideTranslations(locale)),
 				},
 			};
 		} catch (_error) {

apps/dokploy/pages/dashboard/project/[projectId]/services/mariadb/[mariadbId].tsx

@@ -32,6 +32,7 @@ import {
 import { cn } from "@/lib/utils";
 import { appRouter } from "@/server/api/root";
 import { api } from "@/utils/api";
+import { getLocale, serverSideTranslations } from "@/utils/i18n";
 import { validateRequest } from "@dokploy/server/lib/auth";
 import { createServerSideHelpers } from "@trpc/react-query/server";
 import { HelpCircle, ServerOff } from "lucide-react";
@@ -301,6 +302,7 @@ export async function getServerSideProps(
 	ctx: GetServerSidePropsContext<{ mariadbId: string; activeTab: TabState }>,
 ) {
 	const { query, params, req, res } = ctx;
+	const locale = getLocale(req.cookies);
 	const activeTab = query.tab;
 
 	const { user, session } = await validateRequest(req);
@@ -336,6 +338,7 @@ export async function getServerSideProps(
 					trpcState: helpers.dehydrate(),
 					mariadbId: params?.mariadbId,
 					activeTab: (activeTab || "general") as TabState,
+					...(await serverSideTranslations(locale)),
 				},
 			};
 		} catch (_error) {

apps/dokploy/pages/dashboard/project/[projectId]/services/mongo/[mongoId].tsx

@@ -32,6 +32,7 @@ import {
 import { cn } from "@/lib/utils";
 import { appRouter } from "@/server/api/root";
 import { api } from "@/utils/api";
+import { getLocale, serverSideTranslations } from "@/utils/i18n";
 import { validateRequest } from "@dokploy/server/lib/auth";
 import { createServerSideHelpers } from "@trpc/react-query/server";
 import { HelpCircle, ServerOff } from "lucide-react";
@@ -299,6 +300,7 @@ export async function getServerSideProps(
 	ctx: GetServerSidePropsContext<{ mongoId: string; activeTab: TabState }>,
 ) {
 	const { query, params, req, res } = ctx;
+	const locale = getLocale(req.cookies);
 	const activeTab = query.tab;
 
 	const { user, session } = await validateRequest(req);
@@ -334,6 +336,7 @@ export async function getServerSideProps(
 					trpcState: helpers.dehydrate(),
 					mongoId: params?.mongoId,
 					activeTab: (activeTab || "general") as TabState,
+					...(await serverSideTranslations(locale)),
 				},
 			};
 		} catch (_error) {

apps/dokploy/pages/dashboard/project/[projectId]/services/mysql/[mysqlId].tsx

@@ -32,6 +32,7 @@ import {
 import { cn } from "@/lib/utils";
 import { appRouter } from "@/server/api/root";
 import { api } from "@/utils/api";
+import { getLocale, serverSideTranslations } from "@/utils/i18n";
 import { validateRequest } from "@dokploy/server/lib/auth";
 import { createServerSideHelpers } from "@trpc/react-query/server";
 import { HelpCircle, ServerOff } from "lucide-react";
@@ -283,6 +284,7 @@ export async function getServerSideProps(
 	ctx: GetServerSidePropsContext<{ mysqlId: string; activeTab: TabState }>,
 ) {
 	const { query, params, req, res } = ctx;
+	const locale = getLocale(req.cookies);
 	const activeTab = query.tab;
 
 	const { user, session } = await validateRequest(req);
@@ -318,6 +320,7 @@ export async function getServerSideProps(
 					trpcState: helpers.dehydrate(),
 					mysqlId: params?.mysqlId,
 					activeTab: (activeTab || "general") as TabState,
+					...(await serverSideTranslations(locale)),
 				},
 			};
 		} catch (_error) {

apps/dokploy/pages/dashboard/project/[projectId]/services/postgres/[postgresId].tsx

@@ -44,6 +44,7 @@ import Link from "next/link";
 import { useRouter } from "next/router";
 import { type ReactElement, useState } from "react";
 import superjson from "superjson";
+import { getLocale, serverSideTranslations } from "@/utils/i18n";
 
 type TabState = "projects" | "monitoring" | "settings" | "backups" | "advanced";
 
@@ -281,6 +282,7 @@ export async function getServerSideProps(
 	ctx: GetServerSidePropsContext<{ postgresId: string; activeTab: TabState }>,
 ) {
 	const { query, params, req, res } = ctx;
+	const locale = getLocale(req.cookies);
 	const activeTab = query.tab;
 	const { user, session } = await validateRequest(req);
 	if (!user) {
@@ -315,6 +317,7 @@ export async function getServerSideProps(
 					trpcState: helpers.dehydrate(),
 					postgresId: params?.postgresId,
 					activeTab: (activeTab || "general") as TabState,
+					...(await serverSideTranslations(locale)),
 				},
 			};
 		} catch (_error) {

apps/dokploy/pages/dashboard/project/[projectId]/services/redis/[redisId].tsx

@@ -31,6 +31,7 @@ import {
 import { cn } from "@/lib/utils";
 import { appRouter } from "@/server/api/root";
 import { api } from "@/utils/api";
+import { getLocale, serverSideTranslations } from "@/utils/i18n";
 import { validateRequest } from "@dokploy/server/lib/auth";
 import { createServerSideHelpers } from "@trpc/react-query/server";
 import { HelpCircle, ServerOff } from "lucide-react";
@@ -292,6 +293,7 @@ export async function getServerSideProps(
 	ctx: GetServerSidePropsContext<{ redisId: string; activeTab: TabState }>,
 ) {
 	const { query, params, req, res } = ctx;
+	const locale = getLocale(req.cookies);
 	const activeTab = query.tab;
 
 	const { user, session } = await validateRequest(req);
@@ -326,6 +328,7 @@ export async function getServerSideProps(
 					trpcState: helpers.dehydrate(),
 					redisId: params?.redisId,
 					activeTab: (activeTab || "general") as TabState,
+					...(await serverSideTranslations(locale)),
 				},
 			};
 		} catch (_error) {

packages/server/package.json

@@ -36,11 +36,11 @@
     "@ai-sdk/mistral": "^1.0.6",
     "@ai-sdk/openai": "^1.0.12",
     "@ai-sdk/openai-compatible": "^0.0.13",
-    "@better-auth/utils":"0.2.3",
-    "@oslojs/encoding":"1.1.0",
-    "@oslojs/crypto":"1.0.1",
-    "drizzle-dbml-generator":"0.10.0",
-    "better-auth":"1.2.4",
+    "@better-auth/utils": "0.2.3",
+    "@oslojs/encoding": "1.1.0",
+    "@oslojs/crypto": "1.0.1",
+    "drizzle-dbml-generator": "0.10.0",
+    "better-auth": "1.2.4",
     "@faker-js/faker": "^8.4.1",
     "@lucia-auth/adapter-drizzle": "1.0.7",
     "@octokit/auth-app": "^6.0.4",