Update: Make unit translateable

CarbonPackages · Feb 1, 2024 · 01a9436 · 01a9436
1 parent 9ce91b0
commit 01a9436
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 8 deletions.
diff --git a/Resources/Private/RangeEditor/Editor/index.js b/Resources/Private/RangeEditor/Editor/index.js
@@ -55,6 +55,7 @@ function Editor(props, second) {
     const numLength = (value) => value.toString().length;
     const additionalStepLength = numLength(options.step) - 1;
     const styleWidth = Math.max(numLength(options.min), numLength(options.max)) + additionalStepLength + "ch";
+    const unit = options.unit ? i18nRegistry.translate(options.unit) : "";
 
     const { valueLabels, valueLabelsFile } = options;
     const showMiddle = between(value, options.min, options.max);
@@ -70,11 +71,11 @@ function Editor(props, second) {
 
     const getLabel = (value) => {
         if (value <= options.min) {
-            const label = options.minLabel || getValueLabel(options.min) || options.min + options.unit;
+            const label = options.minLabel || getValueLabel(options.min) || options.min + unit;
             return i18nRegistry.translate(label);
         }
         if (value >= options.max) {
-            const label = options.maxLabel || getValueLabel(options.max) || options.max + options.unit;
+            const label = options.maxLabel || getValueLabel(options.max) || options.max + unit;
             return i18nRegistry.translate(label);
         }
         return i18nRegistry.translate(getValueLabel(value));
@@ -117,7 +118,7 @@ function Editor(props, second) {
                             style={{ width: styleWidth }}
                             disabled={options.disabled}
                         />
-                        {options.unit}
+                        {unit}
                     </span>
                 )}
                 <button

diff --git a/Resources/Public/Plugin.js b/Resources/Public/Plugin.js