From 6852d63cdb1516d29a3f3355314e4aff7e237aa4 Mon Sep 17 00:00:00 2001 From: Andrey Babushkin <55714097+reyand43@users.noreply.github.com> Date: Fri, 7 Mar 2025 17:58:00 +0100 Subject: [PATCH] fix localised errors (#3117) --- .../Client/Integrations/GithubForm.tsx | 2 +- .../Tracker/GraphQLDoc/GraphQLDoc.tsx | 2 +- .../app/components/Client/Sites/Sites.tsx | 2 +- .../CustomMetricsWidgets/AreaChart.tsx | 4 +++- .../WidgetSubDetailsView.tsx | 4 +++- .../Header/SettingsMenu/SettingsMenu.tsx | 20 ++++++++++-------- ...tCodeSnippet.js => ProjectCodeSnippet.tsx} | 10 ++++----- ...tCodeSnippet.js => ProjectCodeSnippet.tsx} | 0 frontend/app/locales/en.json | 5 ++++- frontend/app/locales/es.json | 5 ++++- frontend/app/locales/fr.json | 5 ++++- frontend/app/locales/ru.json | 7 ++++-- frontend/app/locales/zh.json | 5 ++++- tracker/tracker-assist/.yarn/install-state.gz | Bin 543451 -> 516193 bytes tracker/tracker/.yarn/install-state.gz | Bin 554860 -> 520749 bytes 15 files changed, 46 insertions(+), 25 deletions(-) rename frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/{ProjectCodeSnippet.js => ProjectCodeSnippet.tsx} (95%) rename frontend/app/components/shared/TrackingCodeModal/ProjectCodeSnippet/{ProjectCodeSnippet.js => ProjectCodeSnippet.tsx} (100%) diff --git a/frontend/app/components/Client/Integrations/GithubForm.tsx b/frontend/app/components/Client/Integrations/GithubForm.tsx index d8d1f4d4c..03b69cd91 100644 --- a/frontend/app/components/Client/Integrations/GithubForm.tsx +++ b/frontend/app/components/Client/Integrations/GithubForm.tsx @@ -27,7 +27,7 @@ function GithubForm(props) {
diff --git a/frontend/app/components/Client/Integrations/Tracker/GraphQLDoc/GraphQLDoc.tsx b/frontend/app/components/Client/Integrations/Tracker/GraphQLDoc/GraphQLDoc.tsx index e47ab0c4a..dd704b0bf 100644 --- a/frontend/app/components/Client/Integrations/Tracker/GraphQLDoc/GraphQLDoc.tsx +++ b/frontend/app/components/Client/Integrations/Tracker/GraphQLDoc/GraphQLDoc.tsx @@ -78,7 +78,7 @@ export const recordGraphQL = tracker.use(trackerGraphQL());`; diff --git a/frontend/app/components/Client/Sites/Sites.tsx b/frontend/app/components/Client/Sites/Sites.tsx index 4fc871d07..e540d409a 100644 --- a/frontend/app/components/Client/Sites/Sites.tsx +++ b/frontend/app/components/Client/Sites/Sites.tsx @@ -155,7 +155,7 @@ function Sites() { } /> diff --git a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/AreaChart.tsx b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/AreaChart.tsx index bebb3f905..a320e6279 100644 --- a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/AreaChart.tsx +++ b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/AreaChart.tsx @@ -11,6 +11,7 @@ import { } from 'recharts'; import CustomTooltip from './CustomChartTooltip'; import { Styles } from '../common'; +import { useTranslation } from 'react-i18next'; interface Props { data: { chart: any[]; namesMap: string[] }; @@ -23,6 +24,7 @@ interface Props { } function CustomAreaChart(props: Props) { + const { t } = useTranslation(); const { data = { chart: [], namesMap: [] }, colors, @@ -85,7 +87,7 @@ function CustomAreaChart(props: Props) { tickFormatter={(val) => Styles.tickFormatter(val)} label={{ ...Styles.axisLabelLeft, - value: label || 'Number of Sessions', + value: label || t('Number of Sessions'), }} /> ) { + const { t } = useTranslation(); const { history, account, className }: any = props; const isAdmin = account.admin || account.superAdmin; const isEnterprise = account.edition === 'ee'; @@ -40,33 +42,33 @@ function SettingsMenu(props: RouteComponentProps) {
navigateTo('sessions-listing')} - label="Sessions Listing" + label={t('Sessions Listing')} icon="folder2" /> navigateTo('integrations')} - label="Integrations" + label={t('Integrations')} icon="puzzle" /> navigateTo('metadata')} - label="Metadata" + label={t('Metadata')} icon="tags" /> navigateTo('webhooks')} - label="Webhooks" + label={t('Webhooks')} icon="link-45deg" /> navigateTo('projects')} - label="Projects" + label={t('Projects')} icon="folder2" /> {isAdmin && ( navigateTo('team')} - label="Team" + label={t('Team')} icon="users" /> )} @@ -74,19 +76,19 @@ function SettingsMenu(props: RouteComponentProps) { <> navigateTo('roles')} - label="Roles & Access" + label={t('Roles & Access')} icon="diagram-3" /> navigateTo('audit')} - label="Audit" + label={t('Audit')} icon="list-ul" /> )} navigateTo('notifications')} - label="Notifications" + label={t('Notifications')} icon="bell-slash" />
diff --git a/frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.js b/frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.tsx similarity index 95% rename from frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.js rename to frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.tsx index e39da3259..8d7e52701 100644 --- a/frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.js +++ b/frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.tsx @@ -10,10 +10,10 @@ import stl from './projectCodeSnippet.module.css'; import CircleNumber from '../../CircleNumber'; import { useTranslation } from 'react-i18next'; -const inputModeOptions = (t) => [ - { label: t('Record all inputs'), value: 'plain' }, - { label: t('Ignore all inputs'), value: 'obscured' }, - { label: t('Obscure all inputs'), value: 'hidden' }, +const inputModeOptions = [ + { label: 'Record all inputs', value: 'plain' }, + { label: 'Ignore all inputs', value: 'obscured' }, + { label: 'Obscure all inputs', value: 'hidden' }, ]; const inputModeOptionsMap = {}; @@ -74,7 +74,7 @@ function ProjectCodeSnippet() {