chore: update French i18n (#5561)

extensions/tmtv/src/Panels/PanelPetSUV.tsx

@@ -253,10 +253,10 @@ export default function PanelPetSUV() {
                 <Button
                   variant="default"
                   size="sm"
-                  className="w-28 self-end"
+                  className="self-end px-4"
                   onClick={updateMetadata}
                 >
-                  Reload Data
+                  {t('Reload Data')}
                 </Button>
               </div>
             </PanelSection.Content>

extensions/tmtv/src/Panels/PanelROIThresholdSegmentation/ROIThresholdConfiguration.tsx

@@ -14,14 +14,14 @@ import { useTranslation } from 'react-i18next';
 export const ROI_STAT = 'roi_stat';
 const RANGE = 'range';
 
-const options = [
-  { value: ROI_STAT, label: 'Max', placeHolder: 'Max' },
-  { value: RANGE, label: 'Range', placeHolder: 'Range' },
-];
-
 function ROIThresholdConfiguration({ config, dispatch, runCommand }) {
   const { t } = useTranslation('ROIThresholdConfiguration');
 
+  const options = [
+    { value: ROI_STAT, label: t('Max'), placeHolder: t('Max') },
+    { value: RANGE, label: t('Range'), placeHolder: t('Range') },
+  ];
+
   const handlePercentageOfMaxSUVChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     let value = e.target.value;
 
@@ -101,7 +101,7 @@ function ROIThresholdConfiguration({ config, dispatch, runCommand }) {
         <div className="mr-2 text-sm">
           <div className="flex flex-col space-y-2">
             {/* Header */}
-            <Label>Lower & Upper Ranges</Label>
+            <Label>{t('Lower & Upper Ranges')}</Label>
 
             {/* CT Row */}
             <div className="flex items-center">

extensions/tmtv/src/Panels/RectangleROIOptions.tsx

@@ -6,6 +6,7 @@ import ROIThresholdConfiguration, {
 import * as cs3dTools from '@cornerstonejs/tools';
 import { useSystem } from '@ohif/core';
 import { useSegmentations } from '@ohif/extension-cornerstone';
+import { useTranslation } from 'react-i18next';
 
 const LOWER_CT_THRESHOLD_DEFAULT = -1024;
 const UPPER_CT_THRESHOLD_DEFAULT = 1024;
@@ -46,6 +47,7 @@ function RectangleROIOptions() {
   const { commandsManager } = useSystem();
   const segmentations = useSegmentations();
   const activeSegmentation = segmentations[0];
+  const { t } = useTranslation('ROIThresholdConfiguration');
 
   const runCommand = useCallback(
     (commandName, commandOptions = {}) => {
@@ -92,7 +94,7 @@ function RectangleROIOptions() {
           className="my-3 mr-auto w-20"
           onClick={handleROIThresholding}
         >
-          Run
+          {t('Run')}
         </Button>
       )}
     </div>

extensions/tmtv/src/getPanelModule.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { PanelPetSUV, PanelROIThresholdExport } from './Panels';
 import { Toolbox } from '@ohif/extension-default';
 import PanelTMTV from './Panels/PanelTMTV';
+import i18n from '@ohif/i18n';
 
 function getPanelModule({ commandsManager, extensionManager, servicesManager }) {
   const { toolbarService } = servicesManager.services;
@@ -14,7 +15,7 @@ function getPanelModule({ commandsManager, extensionManager, servicesManager })
     return (
       <Toolbox
         buttonSectionId={toolbarService.sections.roiThresholdToolbox}
-        title="Threshold Tools"
+        title={i18n.t('ROIThresholdConfiguration:Threshold Tools')}
       />
     );
   };
@@ -28,7 +29,7 @@ function getPanelModule({ commandsManager, extensionManager, servicesManager })
       <>
         <Toolbox
           buttonSectionId={toolbarService.sections.roiThresholdToolbox}
-          title="Threshold Tools"
+          title={i18n.t('ROIThresholdConfiguration:Threshold Tools')}
         />
         <PanelTMTV
           commandsManager={commandsManager}