Merge pull request #1115 from Crossbell-Box/fix/ssr_trans

fix: solved the ssr issue.

src/app/[locale]/(home)/(activities)/hottest/page.tsx

@@ -1,10 +1,12 @@
 import { Metadata } from "next"
+import { getLocale } from "next-intl/server"
 
 import { dehydrate, Hydrate } from "@tanstack/react-query"
 
 import { HomeFeed } from "~/components/home/HomeFeed"
 import { APP_NAME } from "~/lib/env"
 import getQueryClient from "~/lib/query-client"
+import { Language } from "~/lib/types"
 import { prefetchGetFeed } from "~/queries/home.server"
 
 export const metadata: Metadata = {
@@ -13,10 +15,12 @@ export const metadata: Metadata = {
 
 export default async function HottestActivities() {
   const queryClient = getQueryClient()
+  const locale = (await getLocale()) as Language
   await prefetchGetFeed(
     {
       type: "hottest",
       daysInterval: 7,
+      translateTo: locale,
     },
     queryClient,
   )

src/app/[locale]/(home)/(activities)/latest/page.tsx

@@ -1,10 +1,12 @@
 import { Metadata } from "next"
+import { getLocale } from "next-intl/server"
 
 import { dehydrate, Hydrate } from "@tanstack/react-query"
 
 import { HomeFeed } from "~/components/home/HomeFeed"
 import { APP_NAME } from "~/lib/env"
 import getQueryClient from "~/lib/query-client"
+import { Language } from "~/lib/types"
 import { prefetchGetFeed } from "~/queries/home.server"
 
 export const metadata: Metadata = {
@@ -13,9 +15,11 @@ export const metadata: Metadata = {
 
 export default async function LatestActivities() {
   const queryClient = getQueryClient()
+  const locale = (await getLocale()) as Language
   await prefetchGetFeed(
     {
       type: "latest",
+      translateTo: locale,
     },
     queryClient,
   )

src/app/[locale]/(home)/(activities)/page.tsx

@@ -1,4 +1,5 @@
 import { Metadata } from "next"
+import { getLocale } from "next-intl/server"
 
 import { dehydrate, Hydrate } from "@tanstack/react-query"
 
@@ -6,6 +7,7 @@ import { HomeFeed } from "~/components/home/HomeFeed"
 import ShortPreviewList from "~/components/site/ShortPreviewList"
 import { APP_NAME, APP_SLOGAN } from "~/lib/env"
 import getQueryClient from "~/lib/query-client"
+import { Language } from "~/lib/types"
 import { getPreviewShort, prefetchGetFeed } from "~/queries/home.server"
 
 export const metadata: Metadata = {
@@ -14,9 +16,11 @@ export const metadata: Metadata = {
 
 export default async function HomeActivities() {
   const queryClient = getQueryClient()
+  const locale = (await getLocale()) as Language
   await prefetchGetFeed(
     {
       type: "featured",
+      translateTo: locale,
     },
     queryClient,
   )

src/app/[locale]/(home)/(activities)/search/page.tsx

@@ -1,4 +1,5 @@
 import { Metadata } from "next"
+import { getLocale } from "next-intl/server"
 
 import { dehydrate, Hydrate } from "@tanstack/react-query"
 
@@ -6,6 +7,7 @@ import { SearchInput } from "~/components/common/SearchInput"
 import { HomeFeed } from "~/components/home/HomeFeed"
 import { APP_NAME } from "~/lib/env"
 import getQueryClient from "~/lib/query-client"
+import { Language } from "~/lib/types"
 import { prefetchGetFeed } from "~/queries/home.server"
 
 export function generateMetadata({
@@ -28,11 +30,13 @@ export default async function Search({
   }
 }) {
   const queryClient = getQueryClient()
+  const locale = (await getLocale()) as Language
   await prefetchGetFeed(
     {
       type: "search",
       searchKeyword: searchParams.q || undefined,
       searchType: "latest",
+      translateTo: locale,
     },
     queryClient,
   )

src/app/[locale]/(home)/(activities)/shorts/page.tsx

@@ -1,10 +1,12 @@
 import { Metadata } from "next"
+import { getLocale } from "next-intl/server"
 
 import { dehydrate, Hydrate } from "@tanstack/react-query"
 
 import { HomeFeed } from "~/components/home/HomeFeed"
 import { APP_NAME } from "~/lib/env"
 import getQueryClient from "~/lib/query-client"
+import { Language } from "~/lib/types"
 import { prefetchGetFeed } from "~/queries/home.server"
 
 export const metadata: Metadata = {
@@ -13,9 +15,11 @@ export const metadata: Metadata = {
 
 export default async function LatestActivities() {
   const queryClient = getQueryClient()
+  const locale = (await getLocale()) as Language
   await prefetchGetFeed(
     {
       type: "shorts",
+      translateTo: locale,
     },
     queryClient,
   )

src/app/[locale]/(home)/(activities)/tag/[tag]/page.tsx

@@ -1,4 +1,5 @@
 import { Metadata } from "next"
+import { getLocale } from "next-intl/server"
 
 import { dehydrate, Hydrate } from "@tanstack/react-query"
 
@@ -6,6 +7,7 @@ import { HomeFeed } from "~/components/home/HomeFeed"
 import ParticipateButton from "~/components/home/ParticipateButton"
 import { APP_NAME } from "~/lib/env"
 import getQueryClient from "~/lib/query-client"
+import { Language } from "~/lib/types"
 import { prefetchGetFeed } from "~/queries/home.server"
 
 export function generateMetadata({
@@ -30,10 +32,12 @@ export default async function Tag({
   params.tag = decodeURIComponent(params.tag)
 
   const queryClient = getQueryClient()
+  const locale = (await getLocale()) as Language
   await prefetchGetFeed(
     {
       type: "tag",
       tag: params.tag,
+      translateTo: locale,
     },
     queryClient,
   )

src/app/[locale]/(home)/(activities)/topic/[topic]/page.tsx

@@ -1,5 +1,5 @@
 import { Metadata } from "next"
-import { getTranslations } from "next-intl/server"
+import { getLocale, getTranslations } from "next-intl/server"
 
 import { dehydrate, Hydrate } from "@tanstack/react-query"
 
@@ -7,6 +7,7 @@ import { HomeFeed } from "~/components/home/HomeFeed"
 import ParticipateButton from "~/components/home/ParticipateButton"
 import { APP_NAME } from "~/lib/env"
 import getQueryClient from "~/lib/query-client"
+import { Language } from "~/lib/types"
 import { prefetchGetFeed } from "~/queries/home.server"
 
 import topics from "../../../../../../../data/topics.json"
@@ -36,10 +37,12 @@ export default async function Topic({
   const info = topics.find((t) => t.name === params.topic)
 
   const queryClient = getQueryClient()
+  const locale = (await getLocale()) as Language
   await prefetchGetFeed(
     {
       type: "topic",
       topic: params.topic,
+      translateTo: locale,
     },
     queryClient,
   )