From 5af421e5b5b8322c9ed0e2ca3e697f09e745c2cf Mon Sep 17 00:00:00 2001
From: Jamie Kyle <113370520+jamiebuilds-signal@users.noreply.github.com>
Date: Tue, 19 Dec 2023 15:18:30 -0800
Subject: [PATCH] Fix untranslated media editor crop presets

---
 _locales/en/messages.json     | 12 ++++++++++++
 ts/components/MediaEditor.tsx |  6 +++---
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/_locales/en/messages.json b/_locales/en/messages.json
index 58ae5e783c..0bf317b491 100644
--- a/_locales/en/messages.json
+++ b/_locales/en/messages.json
@@ -6067,6 +6067,18 @@
     "messageformat": "Add a message",
     "description": "Label of the button on the bottom of the media editor that trigger the add-caption dialog"
   },
+  "icu:MediaEditor__crop-preset--freeform": {
+    "messageformat": "Freeform",
+    "description": "Media editor > image editing controls > crop tool > Crop presets > Freeform"
+  },
+  "icu:MediaEditor__crop-preset--square": {
+    "messageformat": "Square",
+    "description": "Media editor > image editing controls > crop tool > Crop presets > Square"
+  },
+  "icu:MediaEditor__crop-preset--9-16": {
+    "messageformat": "9:16",
+    "description": "Media editor > image editing controls > crop tool > Crop presets > 9:16 (9 by 16)"
+  },
   "icu:MyStories__title": {
     "messageformat": "My Stories",
     "description": "Title for the my stories list"
diff --git a/ts/components/MediaEditor.tsx b/ts/components/MediaEditor.tsx
index f61acf29bc..f27be7c19b 100644
--- a/ts/components/MediaEditor.tsx
+++ b/ts/components/MediaEditor.tsx
@@ -912,7 +912,7 @@ export function MediaEditor({
             onClick={() => setCropPreset(CropPreset.Freeform)}
             type="button"
           >
-            Freeform
+            {i18n('icu:MediaEditor__crop-preset--freeform')}
           </button>
           <button
             className={classNames(
@@ -925,7 +925,7 @@ export function MediaEditor({
             onClick={() => setCropPreset(CropPreset.Square)}
             type="button"
           >
-            Square
+            {i18n('icu:MediaEditor__crop-preset--square')}
           </button>
           <button
             className={classNames(
@@ -938,7 +938,7 @@ export function MediaEditor({
             onClick={() => setCropPreset(CropPreset.Vertical)}
             type="button"
           >
-            9:16
+            {i18n('icu:MediaEditor__crop-preset--9-16')}
           </button>
         </div>
         <div className="MediaEditor__tools-row-2">