mirror/formbricks
1
0
Fork 0
mirror of https://github.com/formbricks/formbricks.git synced 2026-05-19 19:38:39 -05:00
Code Issues Packages Projects Releases 177 Wiki Activity

fix: translate footer links based on survey language on link survey page (ENG-673)

Browse Source 
The LegalFooter component was always rendering in the browser/app locale
because i18n.changeLanguage() was never called with the survey's selected
language. Apply the same pattern already used in VerifyEmail: call
i18n.changeLanguage(getWebAppLocale(languageCode, survey)) in SurveyClientWrapper,
which covers all child UI components including LinkSurveyWrapper and LegalFooter.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Matti Nannt
2026-05-15 09:34:50 +02:00
parent ce68d58aaf
commit 4dc68addaf
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/modules/survey/link/components/survey-client-wrapper.tsx
+13 -1
View File
@@ -3,6 +3,7 @@
import { Project } from "@prisma/client";
import { useSearchParams } from "next/navigation";
import { useCallback, useEffect, useMemo, useState } from "react";
import { useTranslation } from "react-i18next";
import { TProjectStyling } from "@formbricks/types/project";
import { TResponseData } from "@formbricks/types/responses";
import { TSurvey, TSurveyStyling } from "@formbricks/types/surveys/types";
@@ -12,7 +13,7 @@ import { CustomScriptsInjector } from "@/modules/survey/link/components/custom-s
import { LinkSurveyWrapper } from "@/modules/survey/link/components/link-survey-wrapper";
import { OfflineAlert } from "@/modules/survey/link/components/offline-alert";
import { getPrefillValue } from "@/modules/survey/link/lib/prefill";
import { isRTLLanguage } from "@/modules/survey/link/lib/utils";
import { getWebAppLocale, isRTLLanguage } from "@/modules/survey/link/lib/utils";
import { SurveyInline } from "@/modules/ui/components/survey";
interface SurveyClientWrapperProps {
@@ -60,6 +61,17 @@ export const SurveyClientWrapper = ({
IS_FORMBRICKS_CLOUD,
}: SurveyClientWrapperProps) => {
const searchParams = useSearchParams();
const { i18n } = useTranslation();
useEffect(() => {
const webAppLocale = getWebAppLocale(languageCode, survey);
if (i18n.language !== webAppLocale) {
i18n.changeLanguage(webAppLocale).catch(() => {
i18n.changeLanguage("en-US");
});
}
}, [languageCode, survey, i18n]);
const skipPrefilled = searchParams.get("skipPrefilled") === "true";
const offlineSupport = searchParams.get("offlineSupport") === "true";
const elements = useMemo(() => getElementsFromBlocks(survey.blocks), [survey.blocks]);