- Remove Small Contours
+ {t('Remove Small Contours')}
-
Create New Segment from Holes
+
{t('Create New Segment from Holes')}
diff --git a/extensions/cornerstone-dicom-seg/src/components/SmoothContoursOptions.tsx b/extensions/cornerstone-dicom-seg/src/components/SmoothContoursOptions.tsx
index 5ff10be8e..677c56c33 100644
--- a/extensions/cornerstone-dicom-seg/src/components/SmoothContoursOptions.tsx
+++ b/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 (
-
Smooth all edges
+
{t('Smooth all edges')}
-
Remove extra points
+
{t('Remove extra points')}
diff --git a/extensions/cornerstone-dicom-seg/src/getToolbarModule.ts b/extensions/cornerstone-dicom-seg/src/getToolbarModule.ts
index 6fb56cad2..dcbeab7bf 100644
--- a/extensions/cornerstone-dicom-seg/src/getToolbarModule.ts
+++ b/extensions/cornerstone-dicom-seg/src/getToolbarModule.ts
@@ -1,4 +1,5 @@
import { utilities as cstUtils } from '@cornerstonejs/tools';
+import i18n from '@ohif/i18n';
import { useUIStateStore } from '@ohif/extension-default';
import LogicalContourOperationsOptions from './components/LogicalContourOperationsOptions';
@@ -46,7 +47,7 @@ export function getToolbarModule({ servicesManager }: withAppTypes) {
if (!segmentations?.length) {
return {
disabled: true,
- disabledText: 'No segmentations available',
+ disabledText: i18n.t('SegmentationPanel:No segmentations available'),
};
}
@@ -73,7 +74,7 @@ export function getToolbarModule({ servicesManager }: withAppTypes) {
if (!segmentations?.length) {
return {
disabled: true,
- disabledText: disabledText ?? 'No segmentations available',
+ disabledText: disabledText ?? i18n.t('SegmentationPanel:No segmentations available'),
};
}
@@ -81,7 +82,7 @@ export function getToolbarModule({ servicesManager }: withAppTypes) {
if (!Object.keys(activeSegmentation.segments).length) {
return {
disabled: true,
- disabledText: 'Add segment to enable this tool',
+ disabledText: i18n.t('SegmentationPanel:Add segment to enable this tool'),
};
}
@@ -90,7 +91,7 @@ export function getToolbarModule({ servicesManager }: withAppTypes) {
if (!toolGroup) {
return {
disabled: true,
- disabledText: disabledText ?? 'Not available on the current viewport',
+ disabledText: disabledText ?? i18n.t('SegmentationPanel:Not available on the current viewport'),
};
}
@@ -106,7 +107,7 @@ export function getToolbarModule({ servicesManager }: withAppTypes) {
if (!toolGroup.hasTool(toolName) && !toolNames) {
return {
disabled: true,
- disabledText: disabledText ?? 'Not available on the current viewport',
+ disabledText: disabledText ?? i18n.t('SegmentationPanel:Not available on the current viewport'),
};
}
diff --git a/extensions/cornerstone-dynamic-volume/src/getPanelModule.tsx b/extensions/cornerstone-dynamic-volume/src/getPanelModule.tsx
index ee55b0d77..3badd838f 100644
--- a/extensions/cornerstone-dynamic-volume/src/getPanelModule.tsx
+++ b/extensions/cornerstone-dynamic-volume/src/getPanelModule.tsx
@@ -22,7 +22,7 @@ function getPanelModule({ commandsManager, extensionManager, servicesManager, co
<>
{
- const { t } = useTranslation('SegmentationTable');
+ const { t } = useTranslation('SegmentationPanel');
return (
diff --git a/extensions/cornerstone/src/components/MeasurementsMenu.tsx b/extensions/cornerstone/src/components/MeasurementsMenu.tsx
index 6266e4721..34cdbcb33 100644
--- a/extensions/cornerstone/src/components/MeasurementsMenu.tsx
+++ b/extensions/cornerstone/src/components/MeasurementsMenu.tsx
@@ -8,9 +8,11 @@ import {
DropdownMenuItem,
Icons,
} from '@ohif/ui-next';
+import { useTranslation } from 'react-i18next';
export function MeasumentsMenu(props) {
const { group, classNames } = props;
+ const { t } = useTranslation('MeasurementTable');
if (!group.items?.length) {
console.log('No items to iterate', group.items);
return null;
@@ -44,7 +46,7 @@ export function MeasumentsMenu(props) {
className={`h-6 w-6 transition-opacity ${
isSelected || !isVisible ? 'opacity-100' : 'opacity-50 group-hover:opacity-100'
}`}
- aria-label={isVisible ? 'Hide' : 'Show'}
+ aria-label={isVisible ? t('Hide') : t('Show')}
onClick={e => {
e.stopPropagation();
onAction(e, ['jumpToMeasurement', 'toggleVisibilityMeasurement']);
@@ -70,7 +72,7 @@ export function MeasumentsMenu(props) {
onAction(e, 'removeMeasurement')}>
- Delete
+ {t('Delete')}
diff --git a/extensions/cornerstone/src/components/SegmentationToolConfig.tsx b/extensions/cornerstone/src/components/SegmentationToolConfig.tsx
index 626d0c013..7b49b9885 100644
--- a/extensions/cornerstone/src/components/SegmentationToolConfig.tsx
+++ b/extensions/cornerstone/src/components/SegmentationToolConfig.tsx
@@ -1,9 +1,11 @@
import React, { useState } from 'react';
import { Switch } from '@ohif/ui-next';
import { useSystem } from '@ohif/core';
+import { useTranslation } from 'react-i18next';
export default function SegmentationToolConfig() {
const { commandsManager } = useSystem();
+ const { t } = useTranslation('SegmentationPanel');
// Get initial states based on current configuration
const [previewEdits, setPreviewEdits] = useState(false);
@@ -38,7 +40,7 @@ export default function SegmentationToolConfig() {
checked={previewEdits}
onCheckedChange={handlePreviewEditsChange}
/>
- Preview edits before creating
+ {t('Preview edits before creating')}
@@ -46,7 +48,7 @@ export default function SegmentationToolConfig() {
checked={useCenterAsSegmentIndex}
onCheckedChange={handleUseCenterAsSegmentIndexChange}
/>
- Use center as segment index
+ {t('Use center as segment index')}
@@ -54,7 +56,7 @@ export default function SegmentationToolConfig() {
checked={toggleSegmentEnabled}
onCheckedChange={handleToggleSegmentEnabledChange}
/>
- Hover on segment border to activate
+ {t('Hover on segment border to activate')}
@@ -62,7 +64,7 @@ export default function SegmentationToolConfig() {
checked={segmentLabelEnabled}
onCheckedChange={handleSegmentLabelEnabledChange}
/>
- Show segment name on hover
+ {t('Show segment name on hover')}