fix localised errors (#3117)

2025-03-07 17:58:00 +01:00 · 2025-03-07 17:58:00 +01:00 · 6852d63cdb
commit 6852d63cdb
parent 41178ba841
15 changed files with 46 additions and 25 deletions
--- a/frontend/app/components/Client/Integrations/GithubForm.tsx
+++ b/frontend/app/components/Client/Integrations/GithubForm.tsx
@ -27,7 +27,7 @@ function GithubForm(props) {
        <div className="mt-8">
          <DocLink
            className="mt-4"
-            label="Integrate Github"
+            label={t('Integrate Github')}
            url="https://docs.openreplay.com/integrations/github"
          />
        </div>
--- 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());`;

        <DocLink
          className="mt-4"
-          label="Integrate GraphQL"
+          label={t('Integrate GraphQL')}
          url="https://docs.openreplay.com/plugins/graphql"
        />
      </div>
--- a/frontend/app/components/Client/Sites/Sites.tsx
+++ b/frontend/app/components/Client/Sites/Sites.tsx
@ -155,7 +155,7 @@ function Sites() {
              <TextLink
                icon="book"
                href="https://docs.openreplay.com/deployment/setup-or"
-                label="Installation Docs"
+                label={t('Installation Docs')}
              />
            }
          />
--- 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'),
          }}
        />
        <Tooltip
--- a/frontend/app/components/Dashboard/components/WidgetSubDetailsView/WidgetSubDetailsView.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetSubDetailsView/WidgetSubDetailsView.tsx
@ -5,6 +5,7 @@ import React, { useEffect } from 'react';
 import { withSiteId } from 'App/routes';
 import { Loader } from 'UI';
 import FunnelIssueDetails from '../Funnels/FunnelIssueDetails';
+import { useTranslation } from 'react-i18next';

 interface Props {
  history: any;
@ -12,6 +13,7 @@ interface Props {
  siteId: any;
 }
 function WidgetSubDetailsView(props: Props) {
+  const { t } = useTranslation();
  const {
    match: {
      params: { siteId, dashboardId, metricId, subId },
@ -35,7 +37,7 @@ function WidgetSubDetailsView(props: Props) {
      <Breadcrumb
        items={[
          {
-            label: dashboardId ? 'Dashboard' : 'Cards',
+            label: dashboardId ? t('Dashboard') : t('Cards'),
            to: dashboardId
              ? withSiteId(`/dashboard/${dashboardId}`, siteId)
              : withSiteId('/metrics', siteId),
--- a/frontend/app/components/Header/SettingsMenu/SettingsMenu.tsx
+++ b/frontend/app/components/Header/SettingsMenu/SettingsMenu.tsx
@ -3,6 +3,7 @@ import cn from 'classnames';
 import { Icon } from 'UI';
 import { CLIENT_TABS, client as clientRoute } from 'App/routes';
 import { withRouter, RouteComponentProps } from 'react-router';
+import { useTranslation } from 'react-i18next';

 interface Props {
  history: any;
@ -11,6 +12,7 @@ interface Props {
 }

 function SettingsMenu(props: RouteComponentProps<Props>) {
+  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<Props>) {
    <div>
      <MenuItem
        onClick={() => navigateTo('sessions-listing')}
-        label="Sessions Listing"
+        label={t('Sessions Listing')}
        icon="folder2"
      />
      <MenuItem
        onClick={() => navigateTo('integrations')}
-        label="Integrations"
+        label={t('Integrations')}
        icon="puzzle"
      />
      <MenuItem
        onClick={() => navigateTo('metadata')}
-        label="Metadata"
+        label={t('Metadata')}
        icon="tags"
      />
      <MenuItem
        onClick={() => navigateTo('webhooks')}
-        label="Webhooks"
+        label={t('Webhooks')}
        icon="link-45deg"
      />
      <MenuItem
        onClick={() => navigateTo('projects')}
-        label="Projects"
+        label={t('Projects')}
        icon="folder2"
      />
      {isAdmin && (
        <MenuItem
          onClick={() => navigateTo('team')}
-          label="Team"
+          label={t('Team')}
          icon="users"
        />
      )}
@ -74,19 +76,19 @@ function SettingsMenu(props: RouteComponentProps<Props>) {
        <>
          <MenuItem
            onClick={() => navigateTo('roles')}
-            label="Roles & Access"
+            label={t('Roles & Access')}
            icon="diagram-3"
          />
          <MenuItem
            onClick={() => navigateTo('audit')}
-            label="Audit"
+            label={t('Audit')}
            icon="list-ul"
          />
        </>
      )}
      <MenuItem
        onClick={() => navigateTo('notifications')}
-        label="Notifications"
+        label={t('Notifications')}
        icon="bell-slash"
      />
    </div>
--- a/frontend/app/components/Onboarding/components/OnboardingTabs/ProjectCodeSnippet/ProjectCodeSnippet.tsx
+++ 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() {
        <div className="ml-10 mb-4" style={{ maxWidth: '50%' }}>
          <Select
            name="defaultInputMode"
-            options={inputModeOptions(t)}
+            options={inputModeOptions}
            onChange={({ value }) =>
              onChangeSelect({ name: 'defaultInputMode', value: value.value })
            }
--- a/frontend/app/components/shared/TrackingCodeModal/ProjectCodeSnippet/ProjectCodeSnippet.tsx
+++ b/frontend/app/components/shared/TrackingCodeModal/ProjectCodeSnippet/ProjectCodeSnippet.tsx
--- a/frontend/app/locales/en.json
+++ b/frontend/app/locales/en.json
@ -1445,5 +1445,8 @@
  "Assist (Call)": "Assist (Call)",
  "Change Spot Visibility": "Change Spot Visibility",
  "Clear Drilldown": "Clear Drilldown",
-  "Select Series": "Select Series"
+  "Select Series": "Select Series",
+  "Integrate Github": "Integrate Github",
+  "Integrate GraphQL": "Integrate GraphQL",
+  "Installation Docs": "Installation Docs"
 }
--- a/frontend/app/locales/es.json
+++ b/frontend/app/locales/es.json
@ -1445,5 +1445,8 @@
  "Assist (Call)": "Asistencia (Llamada)",
  "Change Spot Visibility": "Cambiar visibilidad de Spot",
  "Clear Drilldown": "Limpiar desglose",
-  "Select Series": "Seleccionar Serie"
+  "Select Series": "Seleccionar Serie",
+  "Integrate Github": "Integrar con Github",
+  "Integrate GraphQL": "Integrar con GraphQL",
+  "Installation Docs": "Documentación de Instalación"
 }
--- a/frontend/app/locales/fr.json
+++ b/frontend/app/locales/fr.json
@ -1445,5 +1445,8 @@
  "Assist (Call)": "Assistance (Appel)",
  "Change Spot Visibility": "Modifier la visibilité du Spot",
  "Clear Drilldown": "Effacer le forage",
-  "Select Series": "Sélectionner la série"
+  "Select Series": "Sélectionner la série",
+  "Integrate Github": "Intégrer avec Github",
+  "Integrate GraphQL": "Intégrer avec GraphQL",
+  "Installation Docs": "Documentation d'installation"
 }
--- a/frontend/app/locales/ru.json
+++ b/frontend/app/locales/ru.json
@ -779,7 +779,7 @@
  "min ago.": "минут назад",
  "Error getting service health status": "Ошибка при получении статуса работоспособности сервиса",
  "Captured": "Зафиксировано",
-  "Events": "События",
+  "Events": "Событий",
  "Observed installation Issue with the following": "Выявлены проблемы при установке с",
  "Version": "Версия",
  "Error log:": "Журнал ошибок:",
@ -1445,5 +1445,8 @@
  "Assist (Call)": "Assist (Call)",
  "Change Spot Visibility": "Изменить видимость Spot",
  "Clear Drilldown": "Очистить детализацию",
-  "Select Series": "Выбрать серию"
+  "Select Series": "Выбрать серию",
+  "Integrate Github": "Интеграция с Github",
+  "Integrate GraphQL": "Интеграция с GraphQL",
+  "Installation Docs": "Документация по установке"
 }
--- a/frontend/app/locales/zh.json
+++ b/frontend/app/locales/zh.json
@ -1445,5 +1445,8 @@
  "Assist (Call)": "Assist（通话协助）",
  "Change Spot Visibility": "更改 Spot 可见性",
  "Clear Drilldown": "清除下钻",
-  "Select Series": "选择系列"
+  "Select Series": "选择系列",
+  "Integrate Github": "集成 Github",
+  "Integrate GraphQL": "集成 GraphQL",
+  "Installation Docs": "安装文档"
 }
--- a/tracker/tracker-assist/.yarn/install-state.gz
+++ b/tracker/tracker-assist/.yarn/install-state.gz
--- a/tracker/tracker/.yarn/install-state.gz
+++ b/tracker/tracker/.yarn/install-state.gz