From ffd134c20479c31dac5576ec0b50bd0542230f00 Mon Sep 17 00:00:00 2001
From: Andrey Babushkin <55714097+reyand43@users.noreply.github.com>
Date: Mon, 10 Mar 2025 17:46:36 +0100
Subject: [PATCH] Fix localisation (#3128)

* fix localised errors

* fix locales

* fix locales

* fix highlight badges

* fix errors
---
 frontend/app/components/Funnels/IssueItem/IssueGraph.js | 2 ++
 frontend/app/components/Session_/Issues/Issues.js       | 2 ++
 frontend/app/components/ui/CodeBlock/CodeBlock.tsx      | 7 +++----
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/app/components/Funnels/IssueItem/IssueGraph.js b/frontend/app/components/Funnels/IssueItem/IssueGraph.js
index 5757e3822..99167da18 100644
--- a/frontend/app/components/Funnels/IssueItem/IssueGraph.js
+++ b/frontend/app/components/Funnels/IssueItem/IssueGraph.js
@@ -1,7 +1,9 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 import { Tooltip } from 'UI';
 
 function IssueGraph({ issue }) {
+  const { t } = useTranslation();
   return (
     <div className="flex rounded-sm" style={{ width: '600px' }}>
       <Tooltip title={t('Unaffected sessions')}>
diff --git a/frontend/app/components/Session_/Issues/Issues.js b/frontend/app/components/Session_/Issues/Issues.js
index ca87863a7..8ed27f4c0 100644
--- a/frontend/app/components/Session_/Issues/Issues.js
+++ b/frontend/app/components/Session_/Issues/Issues.js
@@ -6,8 +6,10 @@ import { useStore } from 'App/mstore';
 import { Icon, Popover } from 'UI';
 
 import IssuesModal from './IssuesModal';
+import { useTranslation } from 'react-i18next';
 
 function Issues({ sessionId }) {
+  const { t } = useTranslation();
   const { issueReportingStore, integrationsStore } = useStore();
   const issuesIntegration = integrationsStore.issues.list;
   const handleOpen = () => {
diff --git a/frontend/app/components/ui/CodeBlock/CodeBlock.tsx b/frontend/app/components/ui/CodeBlock/CodeBlock.tsx
index 33b32140d..00f2a5ce5 100644
--- a/frontend/app/components/ui/CodeBlock/CodeBlock.tsx
+++ b/frontend/app/components/ui/CodeBlock/CodeBlock.tsx
@@ -3,6 +3,7 @@ import copyFn from 'copy-to-clipboard';
 import { Files } from 'lucide-react';
 import { Tooltip } from 'antd';
 import cn from 'classnames';
+import { useTranslation } from 'react-i18next';
 
 export default function CodeBlock({
   code = '',
@@ -12,6 +13,7 @@ export default function CodeBlock({
   width = undefined,
   height = undefined,
 }) {
+  const { t } = useTranslation();
   useEffect(() => {
     setTimeout(() => {
       if (window.Prism) {
@@ -26,10 +28,7 @@ export default function CodeBlock({
         <div className={'w-full flex items-center justify-between mb-2'}>
           {extra && <div className="text-sm text-disabled-text">{extra}</div>}
           {copy && (
-            <div
-              className="cursor-pointer"
-              onClick={() => copyFn(code)}
-            >
+            <div className="cursor-pointer" onClick={() => copyFn(code)}>
               <Tooltip title={t('Copy code')} placement={'bottomLeft'}>
                 <Files size={14} />
               </Tooltip>