fix: only show Send title above small view, ref #5802

leather-io · Aug 29, 2024 · b3e5ae7 · b3e5ae7
1 parent 6867e20
commit b3e5ae7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git 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({
             <LogoBox onClick={() => navigate(RouteUrls.Home)} />
           </>
         }
-        centerCol={title && <styled.span textStyle="heading.05">{title}</styled.span>}
+        centerCol={
+          title && isString(title) ? (
+            <styled.span textStyle="heading.05">{title}</styled.span>
+          ) : (
+            title
+          )
+        }
         rightCol={
           <HeaderGridRightCol>
             {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
@@ -23,7 +23,7 @@ export function ChooseCryptoAsset() {
 
   return (
     <>
-      <PageHeader title="Send" isSettingsVisibleOnSm={false} />
+      <PageHeader title={<styled.span textStyle="heading.05" hideBelow="sm">Send</styled.span>} isSettingsVisibleOnSm={false} />
       <Content>
         <Page>
           <Card