feat(suite-native): remove tracker subtitle from closed switcher

everstake · May 23, 2024 · 1cee154 · 1cee154
1 parent 226d1dc
commit 1cee154
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/suite-native/device-manager/src/components/DeviceItem/DeviceItemContent.tsx b/suite-native/device-manager/src/components/DeviceItem/DeviceItemContent.tsx
@@ -26,6 +26,7 @@ export type DeviceItemContentProps = {
     headerTextVariant?: TypographyStyle;
     variant?: DeviceItemContentVariant;
     isCompact?: boolean;
+    isSubHeaderForceHidden?: boolean;
 };
 
 const contentWrapperStyle = prepareNativeStyle<{ height: number }>((utils, { height }) => ({
@@ -50,6 +51,7 @@ export const DeviceItemContent = ({
     headerTextVariant = 'body',
     variant = 'simple',
     isCompact = true,
+    isSubHeaderForceHidden = false,
 }: DeviceItemContentProps) => {
     const { translate } = useTranslate();
     const { applyStyle } = useNativeStyles();
@@ -90,6 +92,7 @@ export const DeviceItemContent = ({
                         headerTextVariant={headerTextVariant}
                         header={deviceHeader}
                         isPortfolioTrackerDevice={isPortfolioTrackerDevice}
+                        isSubHeaderForceHidden={isSubHeaderForceHidden}
                     />
                 ) : (
                     <WalletDetailDeviceItemContent

diff --git a/suite-native/device-manager/src/components/DeviceItem/SimpleDeviceItemContent.tsx b/suite-native/device-manager/src/components/DeviceItem/SimpleDeviceItemContent.tsx
@@ -19,6 +19,7 @@ export type SimpleDeviceItemContentProps = {
     headerTextVariant?: TypographyStyle;
     header: ReactNode;
     isPortfolioTrackerDevice: boolean;
+    isSubHeaderForceHidden: boolean;
 };
 
 const headerStyle = prepareNativeStyle(_ => ({
@@ -31,6 +32,7 @@ export const SimpleDeviceItemContent = ({
     headerTextVariant,
     header,
     isPortfolioTrackerDevice,
+    isSubHeaderForceHidden,
 }: SimpleDeviceItemContentProps) => {
     const { applyStyle } = useNativeStyles();
     const device = useSelector((state: DeviceRootState) => selectDeviceByState(state, deviceState));
@@ -43,7 +45,9 @@ export const SimpleDeviceItemContent = ({
     }
 
     const isPortfolioTrackerSubHeaderVisible =
-        isPortfolioTrackerDevice && !areAllDevicesDisconnectedOrAccountless;
+        isPortfolioTrackerDevice &&
+        !areAllDevicesDisconnectedOrAccountless &&
+        !isSubHeaderForceHidden;
 
     const isConnectionStateVisible =
         !isPortfolioTrackerDevice && !areAllDevicesDisconnectedOrAccountless;

diff --git a/suite-native/device-manager/src/components/DeviceSwitch.tsx b/suite-native/device-manager/src/components/DeviceSwitch.tsx
@@ -58,6 +58,7 @@ export const DeviceSwitch = () => {
                             deviceState={deviceState}
                             headerTextVariant="highlight"
                             variant={wallets.length > 1 ? 'walletDetail' : 'simple'}
+                            isSubHeaderForceHidden={true}
                         />
                     )}
                     <Icon name="chevronUpAndDown" color="iconDefault" />