chore: update French i18n (#5561)

extensions/cornerstone-dicom-seg/src/components/LogicalContourOperationsOptions.tsx

@@ -19,6 +19,7 @@ import {
 } from '@ohif/ui-next';
 import { Icons } from '@ohif/ui-next';
 import { contourSegmentation } from '@cornerstonejs/tools/utilities';
+import { useTranslation } from 'react-i18next';
 import { Segment } from '@cornerstonejs/tools/types';
 
 const { LogicalOperation } = contourSegmentation;
@@ -60,6 +61,7 @@ function SegmentSelector({
   segments: Segment[];
   placeholder?: string;
 }) {
+  const { t } = useTranslation('SegmentationPanel');
   return (
     <div className="flex justify-between gap-6">
       <div>{label}</div>
@@ -69,7 +71,7 @@ function SegmentSelector({
         value={value}
       >
         <SelectTrigger className="overflow-hidden">
-          <SelectValue placeholder={placeholder} />
+          <SelectValue placeholder={t(placeholder)} />
         </SelectTrigger>
         <SelectContent>
           {segments.map(segment => (
@@ -89,6 +91,7 @@ function SegmentSelector({
 function LogicalContourOperationOptions() {
   const { servicesManager } = useSystem();
   const { segmentationService } = servicesManager.services;
+  const { t } = useTranslation('SegmentationPanel');
   const { segmentationsWithRepresentations } = useActiveViewportSegmentationRepresentations();
 
   const activeRepresentation = segmentationsWithRepresentations?.find(
@@ -184,7 +187,7 @@ function LogicalContourOperationOptions() {
               })}
             </TabsList>
           </Tabs>
-          <div>{operation.label}</div>
+          <div>{t(operation.label)}</div>
         </div>
         <div className="bg-primary-dark flex h-[62px] w-[88px] items-center justify-center rounded-lg">
           <Icons.ByName name={operation.helperIcon}></Icons.ByName>
@@ -210,7 +213,7 @@ function LogicalContourOperationOptions() {
             applyLogicalContourOperation();
           }}
         >
-          {operation.label}
+          {t(operation.label)}
         </Button>
       </div>
       <Separator className="bg-input mt-2 h-[1px]" />
@@ -221,7 +224,7 @@ function LogicalContourOperationOptions() {
             onCheckedChange={setCreateNewSegment}
           ></Switch>
           <Label htmlFor="logical-contour-operations-create-new-segment-switch">
-            Create a new segment
+            {t('Create a new segment')}
           </Label>
         </div>
         <div className="pl-9">
@@ -230,7 +233,7 @@ function LogicalContourOperationOptions() {
             disabled={!createNewSegment}
             id="logical-contour-operations-create-new-segment-input"
             type="text"
-            placeholder="New segment name"
+            placeholder={t('New segment name')}
             value={newSegmentName}
             onChange={e => setNewSegmentName(e.target.value)}
           />

extensions/cornerstone-dicom-seg/src/components/SimplifyContourOptions.tsx

@@ -1,16 +1,18 @@
 import React, { useState } from 'react';
 import { Button, Input, Label, Separator } from '@ohif/ui-next';
 import { useRunCommand } from '@ohif/core';
+import { useTranslation } from 'react-i18next';
 
 function SimplifyContourOptions() {
   const [areaThreshold, setAreaThreshold] = useState(10);
 
   const runCommand = useRunCommand();
+  const { t } = useTranslation('SegmentationPanel');
 
   return (
     <div className="flex w-auto w-[252px] flex-col gap-[8px] text-base font-normal leading-none">
       <div className="flex w-auto flex-col gap-[10px] text-base font-normal leading-none">
-        <div>Fill contour holes</div>
+        <div>{t('Fill contour holes')}</div>
         <Button
           className="border-primary/60 border"
           variant="ghost"
@@ -18,18 +20,18 @@ function SimplifyContourOptions() {
             runCommand('removeContourHoles');
           }}
         >
-          Fill Holes
+          {t('Fill Holes')}
         </Button>
         <Separator className="bg-input mt-[20px] h-[1px]" />
       </div>
       <div className="flex w-auto flex-col gap-[10px] text-base font-normal leading-none">
-        <div>Remove Small Contours</div>
+        <div>{t('Remove Small Contours')}</div>
         <div className="flex items-center gap-2 self-end">
           <Label
             htmlFor="simplify-contour-options"
             className="text-muted-foreground"
           >
-            Area Threshold
+            {t('Area Threshold')}
           </Label>
           <Input
             id="simplify-contour-options"
@@ -48,12 +50,12 @@ function SimplifyContourOptions() {
             });
           }}
         >
-          Remove Small Contours
+          {t('Remove Small Contours')}
         </Button>
         <Separator className="bg-input mt-[20px] h-[1px]" />
       </div>
       <div className="flex w-auto flex-col gap-[10px] text-base font-normal leading-none">
-        <div>Create New Segment from Holes</div>
+        <div>{t('Create New Segment from Holes')}</div>
         <Button
           className="border-primary/60 border"
           variant="ghost"
@@ -61,7 +63,7 @@ function SimplifyContourOptions() {
             runCommand('convertContourHoles');
           }}
         >
-          Create New Segment
+          {t('Create New Segment')}
         </Button>
       </div>
     </div>

extensions/cornerstone-dicom-seg/src/components/SmoothContoursOptions.tsx

@@ -1,14 +1,16 @@
 import React from 'react';
 import { Button, Separator } from '@ohif/ui-next';
 import { useRunCommand } from '@ohif/core';
+import { useTranslation } from 'react-i18next';
 
 function SmoothContoursOptions() {
   const runCommand = useRunCommand();
+  const { t } = useTranslation('SegmentationPanel');
 
   return (
     <div className="flex w-auto w-[245px] flex-col gap-[8px] text-base font-normal leading-none">
       <div className="flex w-auto flex-col gap-[10px] text-base font-normal leading-none">
-        <div>Smooth all edges</div>
+        <div>{t('Smooth all edges')}</div>
         <Button
           className="border-primary/60 border"
           variant="ghost"
@@ -16,12 +18,12 @@ function SmoothContoursOptions() {
             runCommand('smoothContours');
           }}
         >
-          Smooth Edges
+          {t('Smooth Edges')}
         </Button>
         <Separator className="bg-input mt-[20px] h-[1px]" />
       </div>
       <div className="flex w-auto flex-col gap-[10px] text-base font-normal leading-none">
-        <div>Remove extra points</div>
+        <div>{t('Remove extra points')}</div>
         <Button
           className="border-primary/60 border"
           variant="ghost"
@@ -29,7 +31,7 @@ function SmoothContoursOptions() {
             runCommand('decimateContours');
           }}
         >
-          Remove Points
+          {t('Remove Points')}
         </Button>
       </div>
     </div>