From 2d70dd0e299891d2d82027754f5003e240fbeacc Mon Sep 17 00:00:00 2001
From: Jakub Korytko <jakub@korytko.me>
Date: Mon, 7 Apr 2025 09:38:02 +0200
Subject: [PATCH 1/2] Fix submit button amount display

---
 .../MoneyRequestReportPreviewContent.tsx      |  3 ++-
 src/libs/StringUtils.ts                       | 22 ++++++++++++++++++-
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx b/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx
index 6f11b89f10a6..a73364ff2efc 100644
--- a/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx
+++ b/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx
@@ -61,6 +61,7 @@ import {
     isTripRoom as isTripRoomReportUtils,
     isWaitingForSubmissionFromCurrentUser as isWaitingForSubmissionFromCurrentUserReportUtils,
 } from '@libs/ReportUtils';
+import StringUtils from '@libs/StringUtils';
 import {
     getMerchant,
     hasPendingUI,
@@ -638,7 +639,7 @@ function MoneyRequestReportPreviewContent({
                                     {shouldShowSubmitButton && (
                                         <Button
                                             success={isWaitingForSubmissionFromCurrentUser}
-                                            text={translate('common.submit')}
+                                            text={StringUtils.capitalize(translate('iou.submitAmount', {amount: getSettlementAmount()}))}
                                             style={buttonMaxWidth}
                                             onPress={() => iouReport && submitReport(iouReport)}
                                             isDisabled={shouldDisableSubmitButton}
diff --git a/src/libs/StringUtils.ts b/src/libs/StringUtils.ts
index c9e1ceb35cea..13b09f7d1cb6 100644
--- a/src/libs/StringUtils.ts
+++ b/src/libs/StringUtils.ts
@@ -74,6 +74,15 @@ function normalizeAccents(text: string) {
     return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
 }
 
+/**
+ * Capitalizes the first letter of a given string.
+ * @param text - The string to be capitalized.
+ * @returns The string with the first letter capitalized.
+ */
+function capitalize(text: string) {
+    return text.charAt(0).toUpperCase() + text.slice(1);
+}
+
 /**
  *  Replace all CRLF with LF
  *  @param value - The input string
@@ -113,4 +122,15 @@ function removePreCodeBlock(text = '') {
     return text.replace(/<pre[^>]*>|<\/pre>/g, '');
 }
 
-export default {sanitizeString, isEmptyString, removeInvisibleCharacters, normalizeAccents, normalizeCRLF, lineBreaksToSpaces, getFirstLine, removeDoubleQuotes, removePreCodeBlock};
+export default {
+    sanitizeString,
+    isEmptyString,
+    removeInvisibleCharacters,
+    normalizeAccents,
+    normalizeCRLF,
+    lineBreaksToSpaces,
+    getFirstLine,
+    removeDoubleQuotes,
+    removePreCodeBlock,
+    capitalize,
+};

From 77ad37c94b7427fbeaea07beb525295c6b8533e4 Mon Sep 17 00:00:00 2001
From: Jakub Korytko <jakub@korytko.me>
Date: Mon, 7 Apr 2025 12:58:38 +0200
Subject: [PATCH 2/2] Fix code according to Gandalf comments

---
 .../MoneyRequestReportPreviewContent.tsx      |  3 +--
 src/languages/en.ts                           |  2 +-
 src/languages/es.ts                           |  2 +-
 src/libs/StringUtils.ts                       | 22 +------------------
 4 files changed, 4 insertions(+), 25 deletions(-)

diff --git a/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx b/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx
index a73364ff2efc..888aa7f39b7c 100644
--- a/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx
+++ b/src/components/ReportActionItem/MoneyRequestReportPreview/MoneyRequestReportPreviewContent.tsx
@@ -61,7 +61,6 @@ import {
     isTripRoom as isTripRoomReportUtils,
     isWaitingForSubmissionFromCurrentUser as isWaitingForSubmissionFromCurrentUserReportUtils,
 } from '@libs/ReportUtils';
-import StringUtils from '@libs/StringUtils';
 import {
     getMerchant,
     hasPendingUI,
@@ -639,7 +638,7 @@ function MoneyRequestReportPreviewContent({
                                     {shouldShowSubmitButton && (
                                         <Button
                                             success={isWaitingForSubmissionFromCurrentUser}
-                                            text={StringUtils.capitalize(translate('iou.submitAmount', {amount: getSettlementAmount()}))}
+                                            text={translate('iou.submitAmount', {amount: getSettlementAmount()})}
                                             style={buttonMaxWidth}
                                             onPress={() => iouReport && submitReport(iouReport)}
                                             isDisabled={shouldDisableSubmitButton}
diff --git a/src/languages/en.ts b/src/languages/en.ts
index f1bc5cd25b3e..62caaefecac5 100755
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -986,7 +986,7 @@ const translations = {
         nextStep: 'Next steps',
         finished: 'Finished',
         sendInvoice: ({amount}: RequestAmountParams) => `Send ${amount} invoice`,
-        submitAmount: ({amount}: RequestAmountParams) => `submit ${amount}`,
+        submitAmount: ({amount}: RequestAmountParams) => `Submit ${amount}`,
         submittedAmount: ({formattedAmount, comment}: RequestedAmountMessageParams) => `submitted ${formattedAmount}${comment ? ` for ${comment}` : ''}`,
         automaticallySubmittedAmount: ({formattedAmount}: RequestedAmountMessageParams) =>
             `automatically submitted ${formattedAmount} via <a href="${CONST.DELAYED_SUBMISSION_HELP_URL}">delayed submission</a>`,
diff --git a/src/languages/es.ts b/src/languages/es.ts
index f5a3033aab94..12931b5d464b 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -981,7 +981,7 @@ const translations = {
         nextStep: 'Pasos siguientes',
         finished: 'Finalizado',
         sendInvoice: ({amount}: RequestAmountParams) => `Enviar factura de ${amount}`,
-        submitAmount: ({amount}: RequestAmountParams) => `solicitar ${amount}`,
+        submitAmount: ({amount}: RequestAmountParams) => `Solicitar ${amount}`,
         submittedAmount: ({formattedAmount, comment}: RequestedAmountMessageParams) => `solicitó ${formattedAmount}${comment ? ` para ${comment}` : ''}`,
         automaticallySubmittedAmount: ({formattedAmount}: RequestedAmountMessageParams) =>
             `se enviaron automáticamente ${formattedAmount} mediante <a href="${CONST.DELAYED_SUBMISSION_HELP_URL}">envío diferido</a>`,
diff --git a/src/libs/StringUtils.ts b/src/libs/StringUtils.ts
index 13b09f7d1cb6..c9e1ceb35cea 100644
--- a/src/libs/StringUtils.ts
+++ b/src/libs/StringUtils.ts
@@ -74,15 +74,6 @@ function normalizeAccents(text: string) {
     return text.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
 }
 
-/**
- * Capitalizes the first letter of a given string.
- * @param text - The string to be capitalized.
- * @returns The string with the first letter capitalized.
- */
-function capitalize(text: string) {
-    return text.charAt(0).toUpperCase() + text.slice(1);
-}
-
 /**
  *  Replace all CRLF with LF
  *  @param value - The input string
@@ -122,15 +113,4 @@ function removePreCodeBlock(text = '') {
     return text.replace(/<pre[^>]*>|<\/pre>/g, '');
 }
 
-export default {
-    sanitizeString,
-    isEmptyString,
-    removeInvisibleCharacters,
-    normalizeAccents,
-    normalizeCRLF,
-    lineBreaksToSpaces,
-    getFirstLine,
-    removeDoubleQuotes,
-    removePreCodeBlock,
-    capitalize,
-};
+export default {sanitizeString, isEmptyString, removeInvisibleCharacters, normalizeAccents, normalizeCRLF, lineBreaksToSpaces, getFirstLine, removeDoubleQuotes, removePreCodeBlock};