From 723b879ee0051139e52917178a050a72dcdcecd0 Mon Sep 17 00:00:00 2001
From: bartlomiej obudzinski <bartlomiej.obudzinski@callstack.com>
Date: Wed, 6 May 2026 14:42:35 +0200
Subject: [PATCH] refactor: badges own actionBadgeText translation

---
 .../OptionRowLHN/OptionRowErrorBadge.tsx               | 10 ++++++++--
 .../LHNOptionsList/OptionRowLHN/OptionRowInfoBadge.tsx | 10 ++++++++--
 .../LHNOptionsList/OptionRowLHN/OptionRowLHNCore.tsx   |  4 ++--
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/components/LHNOptionsList/OptionRowLHN/OptionRowErrorBadge.tsx b/src/components/LHNOptionsList/OptionRowLHN/OptionRowErrorBadge.tsx
index 52c5681e405b..1e08abbd2555 100644
--- a/src/components/LHNOptionsList/OptionRowLHN/OptionRowErrorBadge.tsx
+++ b/src/components/LHNOptionsList/OptionRowLHN/OptionRowErrorBadge.tsx
@@ -2,7 +2,9 @@ import React from 'react';
 import {View} from 'react-native';
 import Badge from '@components/Badge';
 import Icon from '@components/Icon';
+import useEnvironment from '@hooks/useEnvironment';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
+import useLocalize from '@hooks/useLocalize';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import type {OptionData} from '@libs/ReportUtils';
@@ -10,18 +12,22 @@ import CONST from '@src/CONST';
 
 type OptionRowErrorBadgeProps = {
     brickRoadIndicator: OptionData['brickRoadIndicator'];
-    actionBadgeText: string;
+    actionBadge: OptionData['actionBadge'];
 };
 
-function OptionRowErrorBadge({brickRoadIndicator, actionBadgeText}: OptionRowErrorBadgeProps) {
+function OptionRowErrorBadge({brickRoadIndicator, actionBadge}: OptionRowErrorBadgeProps) {
     const theme = useTheme();
     const styles = useThemeStyles();
+    const {translate} = useLocalize();
+    const {isProduction} = useEnvironment();
     const {DotIndicator} = useMemoizedLazyExpensifyIcons(['DotIndicator']);
 
     if (brickRoadIndicator !== CONST.BRICK_ROAD_INDICATOR_STATUS.ERROR) {
         return null;
     }
 
+    const actionBadgeText = !isProduction && actionBadge ? translate(`common.actionBadge.${actionBadge}`) : '';
+
     return (
         <View style={[styles.alignItemsCenter, styles.justifyContentCenter]}>
             {actionBadgeText ? (
diff --git a/src/components/LHNOptionsList/OptionRowLHN/OptionRowInfoBadge.tsx b/src/components/LHNOptionsList/OptionRowLHN/OptionRowInfoBadge.tsx
index 4e7940d487a4..e0c597ee9dd5 100644
--- a/src/components/LHNOptionsList/OptionRowLHN/OptionRowInfoBadge.tsx
+++ b/src/components/LHNOptionsList/OptionRowLHN/OptionRowInfoBadge.tsx
@@ -2,7 +2,9 @@ import React from 'react';
 import {View} from 'react-native';
 import Badge from '@components/Badge';
 import Icon from '@components/Icon';
+import useEnvironment from '@hooks/useEnvironment';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
+import useLocalize from '@hooks/useLocalize';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import type {OptionData} from '@libs/ReportUtils';
@@ -10,18 +12,22 @@ import CONST from '@src/CONST';
 
 type OptionRowInfoBadgeProps = {
     brickRoadIndicator: OptionData['brickRoadIndicator'];
-    actionBadgeText: string;
+    actionBadge: OptionData['actionBadge'];
 };
 
-function OptionRowInfoBadge({brickRoadIndicator, actionBadgeText}: OptionRowInfoBadgeProps) {
+function OptionRowInfoBadge({brickRoadIndicator, actionBadge}: OptionRowInfoBadgeProps) {
     const theme = useTheme();
     const styles = useThemeStyles();
+    const {translate} = useLocalize();
+    const {isProduction} = useEnvironment();
     const {DotIndicator} = useMemoizedLazyExpensifyIcons(['DotIndicator']);
 
     if (brickRoadIndicator !== CONST.BRICK_ROAD_INDICATOR_STATUS.INFO) {
         return null;
     }
 
+    const actionBadgeText = !isProduction && actionBadge ? translate(`common.actionBadge.${actionBadge}`) : '';
+
     if (actionBadgeText) {
         return (
             <Badge
diff --git a/src/components/LHNOptionsList/OptionRowLHN/OptionRowLHNCore.tsx b/src/components/LHNOptionsList/OptionRowLHN/OptionRowLHNCore.tsx
index 879ef0a54ec9..1199af429422 100644
--- a/src/components/LHNOptionsList/OptionRowLHN/OptionRowLHNCore.tsx
+++ b/src/components/LHNOptionsList/OptionRowLHN/OptionRowLHNCore.tsx
@@ -195,14 +195,14 @@ function OptionRowLHN({
                                 ) : null}
                                 <OptionRowErrorBadge
                                     brickRoadIndicator={brickRoadIndicator}
-                                    actionBadgeText={actionBadgeText}
+                                    actionBadge={optionItem.actionBadge}
                                 />
                             </View>
                         </View>
                         <View style={[styles.flexRow, styles.alignItemsCenter]}>
                             <OptionRowInfoBadge
                                 brickRoadIndicator={brickRoadIndicator}
-                                actionBadgeText={actionBadgeText}
+                                actionBadge={optionItem.actionBadge}
                             />
                             {hasDraftComment && !!optionItem.isAllowedToComment && (
                                 <View