diff --git a/src/components/LHNOptionsList/OptionRowLHN/OptionRowDescriptiveText.tsx b/src/components/LHNOptionsList/OptionRowLHN/OptionRowDescriptiveText.tsx new file mode 100644 index 000000000000..4ee60c14d58b --- /dev/null +++ b/src/components/LHNOptionsList/OptionRowLHN/OptionRowDescriptiveText.tsx @@ -0,0 +1,32 @@ +import React from 'react'; +import {View} from 'react-native'; +import Text from '@components/Text'; +import useThemeStyles from '@hooks/useThemeStyles'; +import FS from '@libs/Fullstory'; +import type {Report} from '@src/types/onyx'; + +type OptionRowDescriptiveTextProps = { + descriptiveText: string | undefined; + report?: Report; +}; + +function OptionRowDescriptiveText({descriptiveText, report}: OptionRowDescriptiveTextProps) { + const styles = useThemeStyles(); + + if (!descriptiveText) { + return null; + } + + return ( + + {descriptiveText} + + ); +} + +OptionRowDescriptiveText.displayName = 'OptionRowDescriptiveText'; + +export default OptionRowDescriptiveText; diff --git a/src/components/LHNOptionsList/OptionRowLHN/OptionRowLHNCore.tsx b/src/components/LHNOptionsList/OptionRowLHN/OptionRowLHNCore.tsx index a984c1210359..6186a4c2ad4d 100644 --- a/src/components/LHNOptionsList/OptionRowLHN/OptionRowLHNCore.tsx +++ b/src/components/LHNOptionsList/OptionRowLHN/OptionRowLHNCore.tsx @@ -4,7 +4,6 @@ import {StyleSheet, View} from 'react-native'; import Icon from '@components/Icon'; import {useLHNTooltipContext} from '@components/LHNOptionsList/LHNTooltipContext'; import type {OptionRowLHNProps} from '@components/LHNOptionsList/types'; -import Text from '@components/Text'; import getContextMenuAccessibilityHint from '@components/utils/getContextMenuAccessibilityHint'; import getContextMenuAccessibilityProps from '@components/utils/getContextMenuAccessibilityProps'; import useEnvironment from '@hooks/useEnvironment'; @@ -14,7 +13,6 @@ import useOnyx from '@hooks/useOnyx'; import useStyleUtils from '@hooks/useStyleUtils'; import useTheme from '@hooks/useTheme'; import useThemeStyles from '@hooks/useThemeStyles'; -import FS from '@libs/Fullstory'; import {shouldUseBoldText} from '@libs/OptionsListUtils'; import {isChatUsedForOnboarding as isChatUsedForOnboardingReportUtils} from '@libs/ReportUtils'; import variables from '@styles/variables'; @@ -22,6 +20,7 @@ import CONST from '@src/CONST'; import ONYXKEYS from '@src/ONYXKEYS'; import OptionRowAlternateText from './OptionRowAlternateText'; import OptionRowAvatar from './OptionRowAvatar'; +import OptionRowDescriptiveText from './OptionRowDescriptiveText'; import OptionRowErrorBadge from './OptionRowErrorBadge'; import OptionRowInfoBadge from './OptionRowInfoBadge'; import OptionRowPressable from './OptionRowPressable'; @@ -143,14 +142,10 @@ function OptionRowLHN({ style={style} /> - {optionItem?.descriptiveText ? ( - - {optionItem.descriptiveText} - - ) : null} +