pulled dev

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

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 = () => {

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>