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 (
{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 (
{hasDraftComment && !!optionItem.isAllowedToComment && (