fix(lld): localised string in CLS

LedgerHQ · Oct 23, 2024 · 2975b83 · 2975b83
1 parent 3fc1a12
commit 2975b83
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/healthy-houses-smell.md b/.changeset/healthy-houses-smell.md
@@ -0,0 +1,5 @@
+---
+"ledger-live-desktop": patch
+---
+
+Localised CLS string
diff --git a/apps/ledger-live-desktop/src/renderer/components/CustomImage/ImageCropper.tsx b/apps/ledger-live-desktop/src/renderer/components/CustomImage/ImageCropper.tsx
@@ -6,6 +6,7 @@ import Cropper, { Area, CropperProps } from "react-easy-crop";
 import { createCanvas, getRadianAngle, rotateSize } from "./imageUtils";
 import { ImageCropError } from "@ledgerhq/live-common/customImage/errors";
 import { useTrack } from "~/renderer/analytics/segment";
+import { useTranslation } from "react-i18next";
 
 export type CropResult = ImageDimensions & ImageBase64Data;
 
@@ -159,6 +160,8 @@ const ImageCropper: React.FC<Props> = props => {
   const aspect = targetDimensions.width / targetDimensions.height;
   const debouncedCompleteCropPixel = useDebounce(completeCropPixel, 500);
 
+  const { t } = useTranslation();
+
   useEffect(() => {
     let dead = false;
     if (!imageRef.current) return;
@@ -267,7 +270,7 @@ const ImageCropper: React.FC<Props> = props => {
           Icon={IconsLegacy.ReverseMedium}
           data-testid="custom-image-crop-rotate-button"
         >
-          Rotate
+          {t("customImage.rotate")}
         </Button>
       </Flex>
     </Flex>

diff --git a/apps/ledger-live-desktop/static/i18n/en/app.json b/apps/ledger-live-desktop/static/i18n/en/app.json
@@ -6418,6 +6418,7 @@
     "cta": "Custom lock screen",
     "managerCTA": "Lock screen picture",
     "managerCTARemove": "Remove",
+    "rotate": "Rotate",
     "steps": {
       "choose": {
         "stepLabel": "Choose picture",