diff --git a/src/pages/workspace/reports/WorkspaceReportsPage.tsx b/src/pages/workspace/reports/WorkspaceReportsPage.tsx index f1ea35930bc2..1c9adf70fdef 100644 --- a/src/pages/workspace/reports/WorkspaceReportsPage.tsx +++ b/src/pages/workspace/reports/WorkspaceReportsPage.tsx @@ -168,6 +168,26 @@ function WorkspaceReportFieldsPage({ const toggleTitleStyle = useMemo(() => [styles.pv2, styles.pr3], [styles.pv2, styles.pr3]); + const renderReportTitle = useCallback( + () => ( + + {translate('workspace.common.reportTitle')} + + ), + [policy?.pendingAction, styles.textHeadline, styles.cardSectionTitle, styles.accountSettingsSectionTitle, styles.mb1, translate], + ); + + const renderReportSubtitle = useCallback( + () => ( + + + + + + ), + [policy?.pendingAction, styles.renderHTML, styles.mt1, translate], + ); + return (
( - - - - )} + renderTitle={renderReportTitle} + renderSubtitle={renderReportSubtitle} containerStyles={shouldUseNarrowLayout ? styles.p5 : styles.p8} - titleStyles={[styles.textHeadline, styles.cardSectionTitle, styles.accountSettingsSectionTitle, styles.mb1]} >