diff --git a/src/components/ParentNavigationSubtitle.tsx b/src/components/ParentNavigationSubtitle.tsx index 2a51ec572dc57..08379b5ed9188 100644 --- a/src/components/ParentNavigationSubtitle.tsx +++ b/src/components/ParentNavigationSubtitle.tsx @@ -53,6 +53,9 @@ type ParentNavigationSubtitleProps = { /** The style of the status text container */ statusTextContainerStyles?: StyleProp; + + /** The number of lines for the subtitle */ + subtitleNumberOfLines?: number; }; function ParentNavigationSubtitle({ @@ -66,6 +69,7 @@ function ParentNavigationSubtitle({ statusTextBackgroundColor, statusTextColor, statusTextContainerStyles, + subtitleNumberOfLines = 1, }: ParentNavigationSubtitleProps) { const currentRoute = useRoute(); const styles = useThemeStyles(); @@ -135,7 +139,7 @@ function ParentNavigationSubtitle({ }; return ( - + {!!statusText && ( {!!reportName && ( <> diff --git a/src/pages/ReportDetailsPage.tsx b/src/pages/ReportDetailsPage.tsx index 3900c1deeb183..e870d55ba07ac 100644 --- a/src/pages/ReportDetailsPage.tsx +++ b/src/pages/ReportDetailsPage.tsx @@ -725,6 +725,8 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail parentReportID={report?.parentReportID} parentReportActionID={report?.parentReportActionID} pressableStyles={[styles.mt1, styles.mw100]} + textStyles={[styles.textAlignCenter]} + subtitleNumberOfLines={2} /> )} @@ -772,6 +774,7 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail parentReportID={report?.parentReportID} parentReportActionID={report?.parentReportActionID} pressableStyles={[styles.mt1, styles.mw100]} + subtitleNumberOfLines={2} /> );