diff --git a/app/components/Nav/Main/MainNavigator.js b/app/components/Nav/Main/MainNavigator.js index e147398cfe3a..360a619d1b55 100644 --- a/app/components/Nav/Main/MainNavigator.js +++ b/app/components/Nav/Main/MainNavigator.js @@ -100,13 +100,9 @@ import { PerpsScreenStack, PerpsModalStack, PerpsTutorialCarousel, - selectPerpsEnabledFlag, } from '../../UI/Perps'; -import { - PredictScreenStack, - PredictModalStack, - selectPredictEnabledFlag, -} from '../../UI/Predict'; +import { PredictScreenStack, PredictModalStack } from '../../UI/Predict'; +import { useFeatureFlag, FeatureFlagNames } from '../../hooks/useFeatureFlag'; import { selectAssetsTrendingTokensEnabled } from '../../../selectors/featureFlagController/assetsTrendingTokens'; import PerpsPositionTransactionView from '../../UI/Perps/Views/PerpsTransactionsView/PerpsPositionTransactionView'; import PerpsOrderTransactionView from '../../UI/Perps/Views/PerpsTransactionsView/PerpsOrderTransactionView'; @@ -921,11 +917,15 @@ const SampleFeatureFlow = () => ( const MainNavigator = () => { // Get feature flag state for conditional Perps screen registration - const perpsEnabledFlag = useSelector(selectPerpsEnabledFlag); + const perpsEnabledFlag = useFeatureFlag( + FeatureFlagNames.perpsPerpTradingEnabled, + ); const isEvmSelected = useSelector(selectIsEvmNetworkSelected); const isPerpsEnabled = useMemo(() => perpsEnabledFlag, [perpsEnabledFlag]); // Get feature flag state for conditional Predict screen registration - const predictEnabledFlag = useSelector(selectPredictEnabledFlag); + const predictEnabledFlag = useFeatureFlag( + FeatureFlagNames.predictTradingEnabled, + ); const isPredictEnabled = useMemo( () => predictEnabledFlag, [predictEnabledFlag], diff --git a/app/components/UI/Card/Views/CardAuthentication/CardAuthentication.tsx b/app/components/UI/Card/Views/CardAuthentication/CardAuthentication.tsx index 636b9f155b82..5c141c826688 100644 --- a/app/components/UI/Card/Views/CardAuthentication/CardAuthentication.tsx +++ b/app/components/UI/Card/Views/CardAuthentication/CardAuthentication.tsx @@ -11,7 +11,12 @@ import { StyleSheet, TextInputProps, } from 'react-native'; -import { Box, Text, TextVariant } from '@metamask/design-system-react-native'; +import { + Box, + FontWeight, + Text, + TextVariant, +} from '@metamask/design-system-react-native'; import Icon, { IconName, @@ -608,14 +613,18 @@ const CardAuthentication = () => { width={ButtonWidthTypes.Full} disabled={isLoginDisabled || loading} /> -