diff --git a/src/components/HeaderWithBackButton/headerWithBackButtonPropTypes.js b/src/components/HeaderWithBackButton/headerWithBackButtonPropTypes.js index cd8ce2761815..a1311433f2d3 100644 --- a/src/components/HeaderWithBackButton/headerWithBackButtonPropTypes.js +++ b/src/components/HeaderWithBackButton/headerWithBackButtonPropTypes.js @@ -89,6 +89,9 @@ const propTypes = { /** Policies, if we're showing the details for a report and need participant details for AvatarWithDisplay */ personalDetails: PropTypes.objectOf(participantPropTypes), + + /** Children to wrap in Header */ + children: PropTypes.node, }; export default propTypes; diff --git a/src/components/HeaderWithBackButton/index.js b/src/components/HeaderWithBackButton/index.js index 602a3492c76a..7dd00515f06a 100755 --- a/src/components/HeaderWithBackButton/index.js +++ b/src/components/HeaderWithBackButton/index.js @@ -51,6 +51,7 @@ function HeaderWithBackButton({ horizontal: 0, }, threeDotsMenuItems = [], + children = null, }) { const [isDownloadButtonActive, temporarilyDisableDownloadButton] = useThrottledButtonState(); const {translate} = useLocalize(); @@ -93,6 +94,7 @@ function HeaderWithBackButton({ /> )} + {children} {shouldShowDownloadButton && (