updated locales (#3129)

frontend/app/components/Client/Projects/ProjectList.tsx

@@ -16,10 +16,12 @@ import { Globe, Smartphone } from 'lucide-react';
 import { SearchOutlined, EditOutlined } from '@ant-design/icons';
 import ProjectForm from 'Components/Client/Projects/ProjectForm';
 import { useModal } from 'Components/ModalContext';
+import { useTranslation } from 'react-i18next';
 
 type MenuItem = Required<MenuProps>['items'][number];
 
 const ProjectList: React.FC = () => {
+  const { t } = useTranslation();
   const { projectsStore } = useStore();
   const [search, setSearch] = React.useState('');
   const { openModal, closeModal } = useModal();
@@ -41,7 +43,7 @@ const ProjectList: React.FC = () => {
     projectsStore.initProject(project);
 
     openModal(<ProjectForm onClose={closeModal} project={project} />, {
-      title: 'Edit Project',
+      title: t('Edit Project'),
     });
   };
 
@@ -74,7 +76,7 @@ const ProjectList: React.FC = () => {
     <div className="h-full flex flex-col gap-4">
       <div className="flex flex-row gap-2 items-center p-3">
         <Input
-          placeholder="Search projects"
+          placeholder={t('Search projects')}
           // onSearch={handleSearch}
           prefix={<SearchOutlined />}
           onChange={(e) => setSearch(e.target.value)}

frontend/app/components/Client/Roles/components/RoleItem/RoleItem.tsx

@@ -4,6 +4,7 @@ import { Button } from 'antd';
 import cn from 'classnames';
 import { CLIENT_TABS, client as clientRoute } from 'App/routes';
 import stl from './roleItem.module.css';
+import { useTranslation } from 'react-i18next';
 
 function PermisionLabel({ label }: any) {
   return <div className={cn(stl.label, 'mb-2')}>{label}</div>;
@@ -33,6 +34,7 @@ function RoleItem({
   permissions,
   projects,
 }: Props) {
+  const { t } = useTranslation();
   return (
     <div
       className={cn(
@@ -46,7 +48,7 @@ function RoleItem({
       <div className="flex items-start flex-wrap" style={{ width: '30%' }}>
         {role.allProjects ? (
           <PermisionLabelLinked
-            label="All projects"
+            label={t('All projects')}
             route={clientRoute(CLIENT_TABS.SITES)}
           />
         ) : (

frontend/app/components/Dashboard/components/DashboardList/NewDashModal/Examples/SessionsBy/ByIssues.tsx

@@ -4,29 +4,31 @@ import { Icon } from 'UI';
 
 import ExCard from '../ExCard';
 import ByComponent from './Component';
+import { useTranslation } from 'react-i18next';
 
 function ByIssues(props: any) {
+  const { t } = useTranslation();
   const rows = [
     {
-      label: 'Dead Click',
+      label: t('Dead Click'),
       progress: 85,
       value: '2.5K',
       icon: <Icon name="color/issues/dead_click" size={26} />,
     },
     {
-      label: 'Click Rage',
+      label: t('Click Rage'),
       progress: 25,
       value: '405',
       icon: <Icon name="color/issues/click_rage" size={26} />,
     },
     {
-      label: 'Bad Request',
+      label: t('Bad Request'),
       progress: 5,
       value: '302',
       icon: <Icon name="color/issues/bad_request" size={26} />,
     },
     {
-      label: 'Mouse Thrashing',
+      label: t('Mouse Thrashing'),
       progress: 3,
       value: '194',
       icon: <Icon name="color/issues/mouse_thrashing" size={26} />,

frontend/app/components/shared/SessionSettings/components/ListingVisibility.tsx

@@ -42,7 +42,7 @@ function ListingVisibility() {
       <div className="grid grid-cols-12 gap-2 mt-2">
         <div className="col-span-4">
           <Select
-            options={numberOptions}
+            options={numberOptions.map((o) => ({ ...o, label: t(o.label) }))}
             defaultValue={durationSettings.operator || numberOptions[0].value}
             onChange={({ value }) => {
               changeSettings({ operator: value.value });

frontend/app/components/shared/SessionsTabOverview/components/SessionTags/SessionTags.tsx

@@ -4,6 +4,7 @@ import { Angry, CircleAlert, Skull, WifiOff } from 'lucide-react';
 import { observer } from 'mobx-react-lite';
 import React from 'react';
 import { useStore } from 'App/mstore';
+import { useTranslation } from 'react-i18next';
 
 const tagIcons = {
   [types.ALL]: undefined,
@@ -15,6 +16,7 @@ const tagIcons = {
 } as Record<string, any>;
 
 function SessionTags() {
+  const { t } = useTranslation();
   const { projectsStore, sessionStore, searchStore } = useStore();
   const { total } = sessionStore;
   const platform = projectsStore.active?.platform || '';
@@ -35,7 +37,7 @@ function SessionTags() {
           .map((tag: any) => ({
             value: tag.type,
             icon: tagIcons[tag.type],
-            label: tag.name,
+            label: t(tag.name),
           }))}
         value={activeTab[0]}
         onChange={(value: any) => searchStore.toggleTag(value)}

frontend/app/locales/en.json

@@ -1490,5 +1490,9 @@
   "Highlight link copied to clipboard": "Highlight link copied to clipboard",
   "Are you sure delete this Highlight?": "Are you sure delete this Highlight?",
   "Deleting a Highlight will only remove this instance and its associated note. It will not affect the original session.": "Deleting a Highlight will only remove this instance and its associated note. It will not affect the original session.",
-  "Yes, Delete": "Yes, Delete"
+  "Yes, Delete": "Yes, Delete",
+  "Search projects": "Search projects",
+  "Crashes": "Crashes",
+  "Bad Requests": "Bad Requests",
+  "Tap Rage": "Tap Rage"
 }

frontend/app/locales/es.json

@@ -1490,5 +1490,9 @@
   "Highlight link copied to clipboard": "Enlace resaltado copiado al portapapeles",
   "Are you sure delete this Highlight?": "¿Estás seguro de que deseas eliminar este Resaltado?",
   "Deleting a Highlight will only remove this instance and its associated note. It will not affect the original session.": "Eliminar un Resaltado solo eliminará esta instancia y su nota asociada. No afectará a la sesión original.",
-  "Yes, Delete": "Sí, eliminar"
+  "Yes, Delete": "Sí, eliminar",
+  "Search projects": "Buscar proyectos",
+  "Crashes": "Fallos",
+  "Bad Requests": "Solicitudes incorrectas",
+  "Tap Rage": "Ira al tocar"
 }

frontend/app/locales/fr.json

@@ -1490,5 +1490,9 @@
   "Highlight link copied to clipboard": "Lien de mise en avant copié dans le presse-papiers",
   "Are you sure delete this Highlight?": "Êtes-vous sûr de vouloir supprimer cette mise en avant ?",
   "Deleting a Highlight will only remove this instance and its associated note. It will not affect the original session.": "La suppression d'une mise en avant ne supprimera que cette instance et sa note associée. Cela n'affectera pas la session d'origine.",
-  "Yes, Delete": "Oui, supprimer"
+  "Yes, Delete": "Oui, supprimer",
+  "Search projects": "Rechercher des projets",
+  "Crashes": "Plantages",
+  "Bad Requests": "Mauvaises requêtes",
+  "Tap Rage": "Rage au tap"
 }

frontend/app/locales/ru.json

@@ -435,9 +435,9 @@
   "There has been": "Произошло",
   "in": "в",
   "usage by": "использовании на",
-  "New Click Rage detected": "Обнаружен новый Click Rage",
+  "New Click Rage detected": "Обнаружены новые Невыносимые клики",
   "times on": "раз на",
-  "Click rage has": "Click rage",
+  "Click rage has": "Невыносимые клики",
   "on": "на",
   "passing from": "перешел с",
   "More": "Подробнее",
@@ -579,8 +579,8 @@
   "Add Exclusion": "Добавить исключение",
   "Significant issues": "Значительные проблемы",
   "in this funnel": "в этой воронке",
-  "Click Rage": "Click Rage",
-  "Dead Click": "Мёртвый клик",
+  "Click Rage": "Невыносимые клики",
+  "Dead Click": "Мёртвые клики",
   "Bad Request": "Некорректный запрос",
   "Missing Image": "Отсутствующее изображение",
   "High Memory Usage": "Высокое потребление памяти",
@@ -1308,7 +1308,7 @@
   "User's Time": "Время пользователя",
   "Event": "Событие",
   "CALL IN PROGRESS": "ЗВОНОК В ПРОЦЕССЕ",
-  "LAST PLAYED": "ПОсЛЕДНЕЕ ВОсПРОИЗВЕДЕНИЕ",
+  "LAST PLAYED": "ПОСЛЕДНЕЕ ВОСПРОИЗВЕДЕНИЕ",
   "Sessions Settings": "Настройки сессий",
   "The percentage of session you want to capture": "Процент сессий, которые вы хотите захватывать",
   "Condition Set": "Набор условий",
@@ -1490,5 +1490,9 @@
   "Highlight link copied to clipboard": "Ссылка на хайлайт скопирована в буфер обмена",
   "Are you sure delete this Highlight?": "Вы уверены, что хотите удалить этот хайлайт?",
   "Deleting a Highlight will only remove this instance and its associated note. It will not affect the original session.": "Удаление хайлайта приведет к удалению только этого экземпляра и связанной с ним заметки. Оригинальная сессия не пострадает.",
-  "Yes, Delete": "Да, удалить"
+  "Yes, Delete": "Да, удалить",
+  "Search projects": "Поиск проектов",
+  "Crashes": "Падения",
+  "Bad Requests": "Неудачные запросы",
+  "Tap Rage": "Невыносимые тапы"
 } 

frontend/app/locales/zh.json

@@ -1490,5 +1490,9 @@
   "Highlight link copied to clipboard": "突出显示链接已复制到剪贴板",
   "Are you sure delete this Highlight?": "确定要删除此突出显示吗？",
   "Deleting a Highlight will only remove this instance and its associated note. It will not affect the original session.": "删除突出显示仅会删除此实例及其关联的备注。不会影响原始会话。",
-  "Yes, Delete": "是的，删除"
+  "Yes, Delete": "是的，删除",
+  "Search projects": "搜索项目",
+  "Crashes": "崩溃",
+  "Bad Requests": "错误请求",
+  "Tap Rage": "点击狂怒"
 }