diff --git a/src/app/features/container/headers/page.header.tsx b/src/app/features/container/headers/page.header.tsx index e39c848b000..5322a80dd0b 100644 --- a/src/app/features/container/headers/page.header.tsx +++ b/src/app/features/container/headers/page.header.tsx @@ -4,6 +4,7 @@ import { SettingsSelectors } from '@tests/selectors/settings.selectors'; import { SharedComponentsSelectors } from '@tests/selectors/shared-component.selectors'; import { styled } from 'leather-styles/jsx'; +import { isString } from '@leather.io/utils'; import { ArrowLeftIcon, BarsTwoIcon, CloseIcon } from '@leather.io/ui'; import { RouteUrls } from '@shared/route-urls'; @@ -14,9 +15,10 @@ import { HeaderActionButton } from '@app/components/layout/headers/header-action import { HeaderGrid, HeaderGridRightCol } from '@app/components/layout/headers/header-grid'; import { LogoBox } from '@app/components/layout/headers/logo-box'; import { Settings } from '@app/features/settings/settings'; +import { ReactNode } from 'react'; interface PageHeaderProps { - title?: string; + title?: ReactNode; isSummaryPage?: boolean; isSettingsVisibleOnSm?: boolean; onBackLocation?: RouteUrls; @@ -51,7 +53,13 @@ export function PageHeader({ navigate(RouteUrls.Home)} /> } - centerCol={title && {title}} + centerCol={ + title && isString(title) ? ( + {title} + ) : ( + title + ) + } rightCol={ {isSummaryPage ? ( diff --git a/src/app/pages/send/choose-crypto-asset/choose-crypto-asset.tsx b/src/app/pages/send/choose-crypto-asset/choose-crypto-asset.tsx index 415b9c2437c..3bb8e19c020 100644 --- a/src/app/pages/send/choose-crypto-asset/choose-crypto-asset.tsx +++ b/src/app/pages/send/choose-crypto-asset/choose-crypto-asset.tsx @@ -23,7 +23,7 @@ export function ChooseCryptoAsset() { return ( <> - + Send} isSettingsVisibleOnSm={false} />