fix localised errors (#3117)

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>

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>

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')}
               />
             }
           />

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

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),

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>

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) => [
+const inputModeOptions = [
-  { label: t('Record all inputs'), value: 'plain' },
+  { label: 'Record all inputs', value: 'plain' },
-  { label: t('Ignore all inputs'), value: 'obscured' },
+  { label: 'Ignore all inputs', value: 'obscured' },
-  { label: t('Obscure all inputs'), value: 'hidden' },
+  { 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 })
             }

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"
 }

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"
 }

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"
 }

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": "Документация по установке"
 }

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": "安装文档"
 }