From 3fb3c08c736a5c691b2effc846c753859ff9b7e5 Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Fri, 10 Jul 2026 23:35:29 +0000 Subject: [PATCH 1/5] fix(TMCU-1045): remove useElevatedSurface shim from Core UX bottom sheets MMDS BottomSheet now handles pure-black elevated surfaces internally. Remove redundant useElevatedSurface() calls and related pure-black border workarounds from Core UX bottom sheet callsites. - AddressSelector, DeleteNetworkModal, FundActionMenu: drop twClassName shim - CustomNetworkSelector, NetworkMultiSelectorList: drop elevated cell styling - TradeWalletActions: remove usePureBlack border workaround and simplify BottomShape Co-authored-by: George Marshall --- .../CustomNetworkSelector.tsx | 7 --- .../UI/FundActionMenu/FundActionMenu.tsx | 3 -- .../NetworkMultiSelectorList.tsx | 5 +- .../Views/AddressSelector/AddressSelector.tsx | 3 -- .../components/DeleteNetworkModal.tsx | 4 -- .../TradeWalletActions.test.tsx | 44 ---------------- .../TradeWalletActions/TradeWalletActions.tsx | 50 ++----------------- .../components/BottomShape.tsx | 36 ++----------- .../WalletActionsBottomSheet.testIds.ts | 1 - 9 files changed, 8 insertions(+), 145 deletions(-) diff --git a/app/components/UI/CustomNetworkSelector/CustomNetworkSelector.tsx b/app/components/UI/CustomNetworkSelector/CustomNetworkSelector.tsx index b23461c4aae..2a050e15037 100644 --- a/app/components/UI/CustomNetworkSelector/CustomNetworkSelector.tsx +++ b/app/components/UI/CustomNetworkSelector/CustomNetworkSelector.tsx @@ -9,7 +9,6 @@ import { parseCaipChainId } from '@metamask/utils'; import { toHex } from '@metamask/controller-utils'; import { useSelector } from 'react-redux'; import { formatChainIdToCaip } from '@metamask/bridge-controller'; -import { useTailwind } from '@metamask/design-system-twrnc-preset'; // external dependencies import { strings } from '../../../../locales/i18n'; @@ -42,7 +41,6 @@ import { useNetworksToUse } from '../../hooks/useNetworksToUse/useNetworksToUse' import AccountGroupBalancePerChain from '../Assets/components/Balance/AccountGroupBalancePerChain'; // internal dependencies import createStyles from './CustomNetworkSelector.styles'; -import { useElevatedSurface } from '../../../util/theme/themeUtils'; import { CustomNetworkItem, @@ -64,8 +62,6 @@ const CustomNetworkSelector = ({ }: CustomNetworkSelectorProps) => { const { colors } = useTheme(); const { styles } = useStyles(createStyles, {}); - const tw = useTailwind(); - const surfaceClass = useElevatedSurface(); const { navigate } = useNavigation(); const safeAreaInsets = useSafeAreaInsets(); @@ -168,7 +164,6 @@ const CustomNetworkSelector = ({ caipChainId, isSelected, )} - style={tw.style(surfaceClass)} > {(!isTestNet(chainId) || showFiatOnTestnets) && ( @@ -185,8 +180,6 @@ const CustomNetworkSelector = ({ createAvatarProps, selectedChainIdCaip, showFiatOnTestnets, - surfaceClass, - tw, ], ); diff --git a/app/components/UI/FundActionMenu/FundActionMenu.tsx b/app/components/UI/FundActionMenu/FundActionMenu.tsx index 6fbc204bc80..33602efaa76 100644 --- a/app/components/UI/FundActionMenu/FundActionMenu.tsx +++ b/app/components/UI/FundActionMenu/FundActionMenu.tsx @@ -31,12 +31,10 @@ import type { } from './FundActionMenu.types'; import { getDetectedGeolocation } from '../../../reducers/fiatOrders'; import { useRampsButtonClickData } from '../Ramp/hooks/useRampsButtonClickData'; -import { useElevatedSurface } from '../../../util/theme/themeUtils'; const FundActionMenu = () => { const sheetRef = useRef(null); const navigation = useNavigation(); - const surfaceClass = useElevatedSurface(); const route = useRoute(); const customOnBuy = route.params?.onBuy; @@ -170,7 +168,6 @@ const FundActionMenu = () => { ref={sheetRef} goBack={navigation.goBack} testID="fund-action-menu-bottom-sheet" - twClassName={surfaceClass} > {actionConfigs.map( diff --git a/app/components/UI/NetworkMultiSelectorList/NetworkMultiSelectorList.tsx b/app/components/UI/NetworkMultiSelectorList/NetworkMultiSelectorList.tsx index 4839bc9c6d8..89e49346498 100644 --- a/app/components/UI/NetworkMultiSelectorList/NetworkMultiSelectorList.tsx +++ b/app/components/UI/NetworkMultiSelectorList/NetworkMultiSelectorList.tsx @@ -64,7 +64,6 @@ import { strings } from '../../../../locales/i18n'; import TagColored, { TagColor, } from '../../../component-library/components-temp/TagColored'; -import { useElevatedSurface } from '../../../util/theme/themeUtils'; const SELECTION_DEBOUNCE_DELAY = 150; @@ -117,7 +116,6 @@ const NetworkMultiSelectList = ({ const { styles } = useStyles(styleSheet, {}); const tw = useTailwind(); - const surfaceClass = useElevatedSurface(); const processedNetworks = useMemo( (): ProcessedNetwork[] => @@ -331,7 +329,7 @@ const NetworkMultiSelectList = ({ disabled={isDisabled} showButtonIcon={showButtonIcon} buttonProps={createButtonProps(network)} - style={tw.style(`${surfaceClass} items-center`)} + style={tw.style('items-center')} testID={NETWORK_MULTI_SELECTOR_TEST_IDS.NETWORK_LIST_ITEM( caipChainId, isSelected, @@ -361,7 +359,6 @@ const NetworkMultiSelectList = ({ isGasFeesSponsoredNetworkEnabled, isHardwareWallet, styles.noNetworkFeeContainer, - surfaceClass, tw, styles.networkNameText, ], diff --git a/app/components/Views/AddressSelector/AddressSelector.tsx b/app/components/Views/AddressSelector/AddressSelector.tsx index 1c99c5324ae..840c360e71f 100644 --- a/app/components/Views/AddressSelector/AddressSelector.tsx +++ b/app/components/Views/AddressSelector/AddressSelector.tsx @@ -40,7 +40,6 @@ import { createAccountSelectorNavDetails } from '../AccountSelector'; import { NetworkConfiguration } from '@metamask/network-controller'; import { strings } from '../../../../locales/i18n'; import { AddressSelectorSelectors } from './AddressSelector.testIds'; -import { useElevatedSurface } from '../../../util/theme/themeUtils'; export const createAddressSelectorNavDetails = createNavigationDetails( @@ -73,7 +72,6 @@ const AddressSelector = () => { ); const accountName = useAccountName(); - const surfaceClass = useElevatedSurface(); const selectedCaipChainId = isCaipChainId(selectedChainId) ? selectedChainId : toEvmCaipChainId(selectedChainId); @@ -157,7 +155,6 @@ const AddressSelector = () => { ref={sheetRef} isFullscreen goBack={navigation.goBack} - twClassName={surfaceClass} > sheetRef.current?.onCloseBottomSheet()}> {strings('address_selector.select_an_address')} diff --git a/app/components/Views/NetworksManagement/components/DeleteNetworkModal.tsx b/app/components/Views/NetworksManagement/components/DeleteNetworkModal.tsx index 8c48e170750..346bb344bcb 100644 --- a/app/components/Views/NetworksManagement/components/DeleteNetworkModal.tsx +++ b/app/components/Views/NetworksManagement/components/DeleteNetworkModal.tsx @@ -14,7 +14,6 @@ import { import { strings } from '../../../../../locales/i18n'; import { NetworksManagementViewSelectorsIDs } from '../NetworksManagementView.testIds'; -import { useElevatedSurface } from '../../../../util/theme/themeUtils'; interface DeleteNetworkModalProps { networkName: string; @@ -38,15 +37,12 @@ const DeleteNetworkModal = forwardRef( testID: NetworksManagementViewSelectorsIDs.DELETE_CONFIRM_BUTTON, }; - const surfaceClass = useElevatedSurface(); - return ( {`${strings('app_settings.delete')} ${networkName} ${strings('app_settings.network')}`} diff --git a/app/components/Views/TradeWalletActions/TradeWalletActions.test.tsx b/app/components/Views/TradeWalletActions/TradeWalletActions.test.tsx index 0ccfc25461d..cb57b7ad873 100644 --- a/app/components/Views/TradeWalletActions/TradeWalletActions.test.tsx +++ b/app/components/Views/TradeWalletActions/TradeWalletActions.test.tsx @@ -361,17 +361,9 @@ jest.mock('../../../util/navigation/navUtils', () => ({ useParams: () => mockUseParams(), })); -let mockIsPureBlack = false; - -jest.mock('@metamask/design-system-twrnc-preset', () => ({ - ...jest.requireActual('@metamask/design-system-twrnc-preset'), - usePureBlack: () => mockIsPureBlack, -})); - describe('TradeWalletActions', () => { beforeEach(() => { jest.clearAllMocks(); - mockIsPureBlack = false; mockParentCanGoBack = true; jest .spyOn(global, 'requestAnimationFrame') @@ -445,42 +437,6 @@ describe('TradeWalletActions', () => { ).toBeNull(); }); - it('renders a bottom cutout stroke when pure black is enabled', () => { - mockIsPureBlack = true; - - const { getByTestId } = renderScreen( - TradeWalletActions, - { - name: 'TradeWalletActions', - }, - { - state: mockInitialState, - }, - ); - - expect( - getByTestId(WalletActionsBottomSheetSelectorsIDs.MENU_BOTTOM_STROKE), - ).toBeTruthy(); - }); - - it('does not render the bottom cutout stroke when pure black is disabled', () => { - mockIsPureBlack = false; - - const { queryByTestId } = renderScreen( - TradeWalletActions, - { - name: 'TradeWalletActions', - }, - { - state: mockInitialState, - }, - ); - - expect( - queryByTestId(WalletActionsBottomSheetSelectorsIDs.MENU_BOTTOM_STROKE), - ).toBeNull(); - }); - it('should render earn button if the stablecoin lending feature is enabled', () => { ( selectStablecoinLendingEnabledFlag as jest.MockedFunction< diff --git a/app/components/Views/TradeWalletActions/TradeWalletActions.tsx b/app/components/Views/TradeWalletActions/TradeWalletActions.tsx index ec7c102f4d3..66e628ecb29 100644 --- a/app/components/Views/TradeWalletActions/TradeWalletActions.tsx +++ b/app/components/Views/TradeWalletActions/TradeWalletActions.tsx @@ -36,13 +36,8 @@ import { TextVariant, } from '@metamask/design-system-react-native'; import { - usePureBlack, useTailwind, } from '@metamask/design-system-twrnc-preset'; -import { - getElevatedSurfaceColor, - useElevatedSurface, -} from '../../../util/theme/themeUtils'; import { BatchSellMetricsLocation } from '@metamask/bridge-controller'; import { useSafeAreaFrame, @@ -118,8 +113,6 @@ function TradeWalletActions() { const insetsTop = Platform.OS === 'android' ? insets.top : 0; const tw = useTailwind(); - const surfaceClass = useElevatedSurface(); - const isPureBlack = usePureBlack(); const theme = useTheme(); const { colors } = theme; @@ -317,8 +310,6 @@ function TradeWalletActions() { [dismissRootModalFlow, exitingAnimationWithCallback], ); - const elevatedSurfaceColor = getElevatedSurfaceColor(theme); - const actionList = ( <> {shouldRenderBatchSell && ( @@ -391,56 +382,23 @@ function TradeWalletActions() { {actionList} - + - - {isPureBlack ? ( - - - - ) : null} + diff --git a/app/components/Views/TradeWalletActions/components/BottomShape.tsx b/app/components/Views/TradeWalletActions/components/BottomShape.tsx index c049359fd97..9c2c925abfa 100644 --- a/app/components/Views/TradeWalletActions/components/BottomShape.tsx +++ b/app/components/Views/TradeWalletActions/components/BottomShape.tsx @@ -1,5 +1,5 @@ import React, { useMemo } from 'react'; -import Svg, { Path, type PathProps } from 'react-native-svg'; +import Svg, { Path } from 'react-native-svg'; function BottomShape({ width, @@ -8,8 +8,6 @@ function BottomShape({ peakBezierLength = 25, baseBezierLength = 55, fill = 'black', - strokeOnly = false, - pathProps, ...svgProps }: { width: number; @@ -18,8 +16,6 @@ function BottomShape({ peakBezierLength?: number; baseBezierLength?: number; fill?: string; - strokeOnly?: boolean; - pathProps?: PathProps; }) { const pathData = useMemo(() => { const centerX = width / 2; @@ -32,25 +28,6 @@ function BottomShape({ const rightBaseX = centerX + baseBezierLength; const rightBaseY = height; - // strokeOnly builds an open path for the border-muted stroke that traces the full - // bottom edge of the trade-menu shape: the flat shoulders on either side plus the - // cutout curve in the middle, so the border wraps continuously across the bottom. - // TradeWalletActions is the only caller; this branch can be removed if that menu no longer has a border. - if (strokeOnly) { - return ` - M ${width} ${height} - H ${rightBaseX} - C ${rightBaseX - peakBezierLength} ${rightBaseY} - ${peakX + peakBezierLength} ${peakY} - ${peakX} ${peakY} - S ${leftBaseX + peakBezierLength} ${leftBaseY} - ${leftBaseX} ${leftBaseY} - H 0 - ` - .replace(/\s+/g, ' ') - .trim(); - } - return ` M 0 ${height} V 0 @@ -67,18 +44,11 @@ function BottomShape({ ` .replace(/\s+/g, ' ') .trim(); - }, [ - width, - height, - peakHeight, - peakBezierLength, - baseBezierLength, - strokeOnly, - ]); + }, [width, height, peakHeight, peakBezierLength, baseBezierLength]); return ( - + ); } diff --git a/app/components/Views/WalletActions/WalletActionsBottomSheet.testIds.ts b/app/components/Views/WalletActions/WalletActionsBottomSheet.testIds.ts index 7c655fdca2d..bd42c6be45c 100644 --- a/app/components/Views/WalletActions/WalletActionsBottomSheet.testIds.ts +++ b/app/components/Views/WalletActions/WalletActionsBottomSheet.testIds.ts @@ -2,7 +2,6 @@ import enContent from '../../../../locales/languages/en.json'; export const WalletActionsBottomSheetSelectorsIDs = { MENU_CONTAINER: 'wallet-actions-bottom-sheet-menu-container', - MENU_BOTTOM_STROKE: 'wallet-actions-bottom-sheet-menu-bottom-stroke', SEND_BUTTON: 'wallet-send-button', RECEIVE_BUTTON: 'wallet-receive-action', SWAP_BUTTON: 'wallet-actions-bottom-sheet-swap-button', From f4ff3b856caa58cd083554ae25002f1c0cadc41f Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Fri, 10 Jul 2026 23:48:40 +0000 Subject: [PATCH 2/5] fix(TMCU-1045): fix format check and restore trade menu elevation - Run Prettier on AddressSelector and TradeWalletActions - Keep useElevatedSurface on custom TradeWalletActions sheet (not MMDS BottomSheet) while still removing the pure-black border workaround Co-authored-by: George Marshall --- .../Views/AddressSelector/AddressSelector.tsx | 6 +----- .../TradeWalletActions/TradeWalletActions.tsx | 15 +++++++++------ 2 files changed, 10 insertions(+), 11 deletions(-) diff --git a/app/components/Views/AddressSelector/AddressSelector.tsx b/app/components/Views/AddressSelector/AddressSelector.tsx index 840c360e71f..cdcdfc417fb 100644 --- a/app/components/Views/AddressSelector/AddressSelector.tsx +++ b/app/components/Views/AddressSelector/AddressSelector.tsx @@ -151,11 +151,7 @@ const AddressSelector = () => { }, [internalAccountsSpreadByScopes, isEvmOnly, displayOnlyCaipChainIds]); return ( - + sheetRef.current?.onCloseBottomSheet()}> {strings('address_selector.select_an_address')} diff --git a/app/components/Views/TradeWalletActions/TradeWalletActions.tsx b/app/components/Views/TradeWalletActions/TradeWalletActions.tsx index 66e628ecb29..42094be0c2f 100644 --- a/app/components/Views/TradeWalletActions/TradeWalletActions.tsx +++ b/app/components/Views/TradeWalletActions/TradeWalletActions.tsx @@ -35,9 +35,11 @@ import { Text, TextVariant, } from '@metamask/design-system-react-native'; +import { useTailwind } from '@metamask/design-system-twrnc-preset'; import { - useTailwind, -} from '@metamask/design-system-twrnc-preset'; + getElevatedSurfaceColor, + useElevatedSurface, +} from '../../../util/theme/themeUtils'; import { BatchSellMetricsLocation } from '@metamask/bridge-controller'; import { useSafeAreaFrame, @@ -115,6 +117,7 @@ function TradeWalletActions() { const tw = useTailwind(); const theme = useTheme(); const { colors } = theme; + const surfaceClass = useElevatedSurface(); const backdropOpacity = useSharedValue(0); const backdropAnimatedStyle = useAnimatedStyle(() => ({ @@ -382,23 +385,23 @@ function TradeWalletActions() { {actionList} - + - + From a8b92b9ee12cd432f3f95d4722eaafd3f23f0bd5 Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Fri, 10 Jul 2026 23:52:57 +0000 Subject: [PATCH 3/5] revert(TMCU-1045): restore BottomShape.tsx per review feedback Co-authored-by: George Marshall --- .../components/BottomShape.tsx | 36 +++++++++++++++++-- 1 file changed, 33 insertions(+), 3 deletions(-) diff --git a/app/components/Views/TradeWalletActions/components/BottomShape.tsx b/app/components/Views/TradeWalletActions/components/BottomShape.tsx index 9c2c925abfa..c049359fd97 100644 --- a/app/components/Views/TradeWalletActions/components/BottomShape.tsx +++ b/app/components/Views/TradeWalletActions/components/BottomShape.tsx @@ -1,5 +1,5 @@ import React, { useMemo } from 'react'; -import Svg, { Path } from 'react-native-svg'; +import Svg, { Path, type PathProps } from 'react-native-svg'; function BottomShape({ width, @@ -8,6 +8,8 @@ function BottomShape({ peakBezierLength = 25, baseBezierLength = 55, fill = 'black', + strokeOnly = false, + pathProps, ...svgProps }: { width: number; @@ -16,6 +18,8 @@ function BottomShape({ peakBezierLength?: number; baseBezierLength?: number; fill?: string; + strokeOnly?: boolean; + pathProps?: PathProps; }) { const pathData = useMemo(() => { const centerX = width / 2; @@ -28,6 +32,25 @@ function BottomShape({ const rightBaseX = centerX + baseBezierLength; const rightBaseY = height; + // strokeOnly builds an open path for the border-muted stroke that traces the full + // bottom edge of the trade-menu shape: the flat shoulders on either side plus the + // cutout curve in the middle, so the border wraps continuously across the bottom. + // TradeWalletActions is the only caller; this branch can be removed if that menu no longer has a border. + if (strokeOnly) { + return ` + M ${width} ${height} + H ${rightBaseX} + C ${rightBaseX - peakBezierLength} ${rightBaseY} + ${peakX + peakBezierLength} ${peakY} + ${peakX} ${peakY} + S ${leftBaseX + peakBezierLength} ${leftBaseY} + ${leftBaseX} ${leftBaseY} + H 0 + ` + .replace(/\s+/g, ' ') + .trim(); + } + return ` M 0 ${height} V 0 @@ -44,11 +67,18 @@ function BottomShape({ ` .replace(/\s+/g, ' ') .trim(); - }, [width, height, peakHeight, peakBezierLength, baseBezierLength]); + }, [ + width, + height, + peakHeight, + peakBezierLength, + baseBezierLength, + strokeOnly, + ]); return ( - + ); } From b47313245bbb02b748fa6d5154881dee94a2a97c Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Sat, 11 Jul 2026 17:51:53 +0000 Subject: [PATCH 4/5] revert(TMCU-1045): restore TradeWalletActions.test.tsx per review feedback Co-authored-by: George Marshall --- .../TradeWalletActions.test.tsx | 44 +++++++++++++++++++ 1 file changed, 44 insertions(+) diff --git a/app/components/Views/TradeWalletActions/TradeWalletActions.test.tsx b/app/components/Views/TradeWalletActions/TradeWalletActions.test.tsx index cb57b7ad873..0ccfc25461d 100644 --- a/app/components/Views/TradeWalletActions/TradeWalletActions.test.tsx +++ b/app/components/Views/TradeWalletActions/TradeWalletActions.test.tsx @@ -361,9 +361,17 @@ jest.mock('../../../util/navigation/navUtils', () => ({ useParams: () => mockUseParams(), })); +let mockIsPureBlack = false; + +jest.mock('@metamask/design-system-twrnc-preset', () => ({ + ...jest.requireActual('@metamask/design-system-twrnc-preset'), + usePureBlack: () => mockIsPureBlack, +})); + describe('TradeWalletActions', () => { beforeEach(() => { jest.clearAllMocks(); + mockIsPureBlack = false; mockParentCanGoBack = true; jest .spyOn(global, 'requestAnimationFrame') @@ -437,6 +445,42 @@ describe('TradeWalletActions', () => { ).toBeNull(); }); + it('renders a bottom cutout stroke when pure black is enabled', () => { + mockIsPureBlack = true; + + const { getByTestId } = renderScreen( + TradeWalletActions, + { + name: 'TradeWalletActions', + }, + { + state: mockInitialState, + }, + ); + + expect( + getByTestId(WalletActionsBottomSheetSelectorsIDs.MENU_BOTTOM_STROKE), + ).toBeTruthy(); + }); + + it('does not render the bottom cutout stroke when pure black is disabled', () => { + mockIsPureBlack = false; + + const { queryByTestId } = renderScreen( + TradeWalletActions, + { + name: 'TradeWalletActions', + }, + { + state: mockInitialState, + }, + ); + + expect( + queryByTestId(WalletActionsBottomSheetSelectorsIDs.MENU_BOTTOM_STROKE), + ).toBeNull(); + }); + it('should render earn button if the stablecoin lending feature is enabled', () => { ( selectStablecoinLendingEnabledFlag as jest.MockedFunction< From 6a83c1606b06ea433766127afeea7e3f88424cd2 Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Sat, 11 Jul 2026 17:53:58 +0000 Subject: [PATCH 5/5] revert(TMCU-1045): restore TradeWalletActions.tsx per review feedback Also restore MENU_BOTTOM_STROKE test ID required by the reverted tests. Co-authored-by: George Marshall --- .../TradeWalletActions/TradeWalletActions.tsx | 51 ++++++++++++++++--- .../WalletActionsBottomSheet.testIds.ts | 1 + 2 files changed, 46 insertions(+), 6 deletions(-) diff --git a/app/components/Views/TradeWalletActions/TradeWalletActions.tsx b/app/components/Views/TradeWalletActions/TradeWalletActions.tsx index 42094be0c2f..ec7c102f4d3 100644 --- a/app/components/Views/TradeWalletActions/TradeWalletActions.tsx +++ b/app/components/Views/TradeWalletActions/TradeWalletActions.tsx @@ -35,7 +35,10 @@ import { Text, TextVariant, } from '@metamask/design-system-react-native'; -import { useTailwind } from '@metamask/design-system-twrnc-preset'; +import { + usePureBlack, + useTailwind, +} from '@metamask/design-system-twrnc-preset'; import { getElevatedSurfaceColor, useElevatedSurface, @@ -115,9 +118,10 @@ function TradeWalletActions() { const insetsTop = Platform.OS === 'android' ? insets.top : 0; const tw = useTailwind(); + const surfaceClass = useElevatedSurface(); + const isPureBlack = usePureBlack(); const theme = useTheme(); const { colors } = theme; - const surfaceClass = useElevatedSurface(); const backdropOpacity = useSharedValue(0); const backdropAnimatedStyle = useAnimatedStyle(() => ({ @@ -313,6 +317,8 @@ function TradeWalletActions() { [dismissRootModalFlow, exitingAnimationWithCallback], ); + const elevatedSurfaceColor = getElevatedSurfaceColor(theme); + const actionList = ( <> {shouldRenderBatchSell && ( @@ -385,23 +391,56 @@ function TradeWalletActions() { {actionList} - + + - + {isPureBlack ? ( + + + + ) : null} diff --git a/app/components/Views/WalletActions/WalletActionsBottomSheet.testIds.ts b/app/components/Views/WalletActions/WalletActionsBottomSheet.testIds.ts index bd42c6be45c..7c655fdca2d 100644 --- a/app/components/Views/WalletActions/WalletActionsBottomSheet.testIds.ts +++ b/app/components/Views/WalletActions/WalletActionsBottomSheet.testIds.ts @@ -2,6 +2,7 @@ import enContent from '../../../../locales/languages/en.json'; export const WalletActionsBottomSheetSelectorsIDs = { MENU_CONTAINER: 'wallet-actions-bottom-sheet-menu-container', + MENU_BOTTOM_STROKE: 'wallet-actions-bottom-sheet-menu-bottom-stroke', SEND_BUTTON: 'wallet-send-button', RECEIVE_BUTTON: 'wallet-receive-action', SWAP_BUTTON: 'wallet-actions-bottom-sheet-swap-button',