diff --git a/apps/audius-client/packages/common/src/services/remote-config/feature-flags.ts b/apps/audius-client/packages/common/src/services/remote-config/feature-flags.ts index b938cfdb559..018fe49876b 100644 --- a/apps/audius-client/packages/common/src/services/remote-config/feature-flags.ts +++ b/apps/audius-client/packages/common/src/services/remote-config/feature-flags.ts @@ -26,7 +26,6 @@ export enum FeatureFlags { AUTO_SUBSCRIBE_ON_FOLLOW = 'auto_subscribe_on_follow', STREAM_MP3 = 'stream_mp3', READ_SUBSCRIBERS_FROM_DISCOVERY_ENABLED = 'read_subscribers_from_discovery_enabled', - MOBILE_WALLET_CONNECT = 'mobile_wallet_connect_final', VERIFY_HANDLE_WITH_TIKTOK = 'verify_handle_with_tiktok', AUDIO_TRANSACTIONS_HISTORY = 'audio_transactions_history', RATE_CTA_ENABLED = 'rate_cta_enabled_v2', @@ -86,7 +85,6 @@ export const flagDefaults: FlagDefaults = { [FeatureFlags.AUTO_SUBSCRIBE_ON_FOLLOW]: false, [FeatureFlags.STREAM_MP3]: false, [FeatureFlags.READ_SUBSCRIBERS_FROM_DISCOVERY_ENABLED]: false, - [FeatureFlags.MOBILE_WALLET_CONNECT]: false, [FeatureFlags.VERIFY_HANDLE_WITH_TIKTOK]: false, [FeatureFlags.AUDIO_TRANSACTIONS_HISTORY]: false, [FeatureFlags.RATE_CTA_ENABLED]: false, diff --git a/apps/audius-client/packages/mobile/src/app/Drawers.tsx b/apps/audius-client/packages/mobile/src/app/Drawers.tsx index 9428f1279b3..2a318c966e7 100644 --- a/apps/audius-client/packages/mobile/src/app/Drawers.tsx +++ b/apps/audius-client/packages/mobile/src/app/Drawers.tsx @@ -11,7 +11,6 @@ import { ChallengeRewardsDrawer } from 'app/components/challenge-rewards-drawer' import { ChatActionsDrawer } from 'app/components/chat-actions-drawer' import { CognitoDrawer } from 'app/components/cognito-drawer/CognitoDrawer' import { CollectibleDetailsDrawer } from 'app/components/collectible-details-drawer' -import { ConnectWalletsDrawer } from 'app/components/connect-wallets-drawer' import { DeactivateAccountConfirmationDrawer } from 'app/components/deactivate-account-confirmation-drawer' import { DeletePlaylistConfirmationDrawer } from 'app/components/delete-playlist-confirmation-drawer' import { DownloadTrackProgressDrawer } from 'app/components/download-track-progress-drawer' @@ -86,7 +85,6 @@ const commonDrawersMap: { [Modal in Modals]?: ComponentType } = { ChallengeRewardsExplainer: ChallengeRewardsDrawer, APIRewardsExplainer: ApiRewardsDrawer, TransferAudioMobileWarning: TransferAudioMobileDrawer, - MobileConnectWalletsDrawer: ConnectWalletsDrawer, MobileEditCollectiblesDrawer: EditCollectiblesDrawer, Share: ShareDrawer, ShareSoundToTikTok: ShareToTikTokDrawer, diff --git a/apps/audius-client/packages/mobile/src/assets/images/iconWallet.svg b/apps/audius-client/packages/mobile/src/assets/images/iconWallet.svg new file mode 100644 index 00000000000..c05f4350f14 --- /dev/null +++ b/apps/audius-client/packages/mobile/src/assets/images/iconWallet.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/audius-client/packages/mobile/src/components/connect-wallets-drawer/ConnectWalletsDrawer.tsx b/apps/audius-client/packages/mobile/src/components/connect-wallets-drawer/ConnectWalletsDrawer.tsx deleted file mode 100644 index 42bf5bf6b83..00000000000 --- a/apps/audius-client/packages/mobile/src/components/connect-wallets-drawer/ConnectWalletsDrawer.tsx +++ /dev/null @@ -1,49 +0,0 @@ -import { StyleSheet, View } from 'react-native' - -import { GradientText } from 'app/components/core' -import { AppDrawer } from 'app/components/drawer' -import Text from 'app/components/text' -import { useThemedStyles } from 'app/hooks/useThemedStyles' -import type { ThemeColors } from 'app/utils/theme' - -const MODAL_NAME = 'MobileConnectWalletsDrawer' - -const messages = { - title: 'Connect Wallets', - text: 'To connect additional wallets please visit audius.co from a desktop browser' -} - -const createStyles = (themeColors: ThemeColors) => - StyleSheet.create({ - container: { - paddingVertical: 48, - paddingHorizontal: 16 - }, - - title: { - textAlign: 'center', - fontSize: 28, - marginVertical: 24 - }, - - text: { - textAlign: 'center', - fontSize: 24, - lineHeight: 30 - } - }) - -export const ConnectWalletsDrawer = () => { - const styles = useThemedStyles(createStyles) - - return ( - - - {messages.title} - - {messages.text} - - - - ) -} diff --git a/apps/audius-client/packages/mobile/src/components/connect-wallets-drawer/index.ts b/apps/audius-client/packages/mobile/src/components/connect-wallets-drawer/index.ts deleted file mode 100644 index e1f89f8adcb..00000000000 --- a/apps/audius-client/packages/mobile/src/components/connect-wallets-drawer/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { ConnectWalletsDrawer } from './ConnectWalletsDrawer' diff --git a/apps/audius-client/packages/mobile/src/screens/audio-screen/AudioScreen.tsx b/apps/audius-client/packages/mobile/src/screens/audio-screen/AudioScreen.tsx index 7fb3d22a70f..58a231da560 100644 --- a/apps/audius-client/packages/mobile/src/screens/audio-screen/AudioScreen.tsx +++ b/apps/audius-client/packages/mobile/src/screens/audio-screen/AudioScreen.tsx @@ -10,8 +10,7 @@ import { walletSelectors, walletActions, getTierAndNumberForBalance, - modalsActions, - FeatureFlags + modalsActions } from '@audius/common' import { useFocusEffect } from '@react-navigation/native' import { Image, Linking, View } from 'react-native' @@ -24,6 +23,7 @@ import IconDiscord from 'app/assets/images/iconDiscord.svg' import IconInfo from 'app/assets/images/iconInfo.svg' import IconReceive from 'app/assets/images/iconReceive.svg' import IconSend from 'app/assets/images/iconSend.svg' +import IconWallet from 'app/assets/images/iconWallet.svg' import Bronze from 'app/assets/images/tokenBadgeBronze108.png' import Gold from 'app/assets/images/tokenBadgeGold108.png' import Platinum from 'app/assets/images/tokenBadgePlatinum108.png' @@ -39,7 +39,7 @@ import { ScreenContent } from 'app/components/core' import { useNavigation } from 'app/hooks/useNavigation' -import { useFeatureFlag, useRemoteVar } from 'app/hooks/useRemoteConfig' +import { useRemoteVar } from 'app/hooks/useRemoteConfig' import { makeStyles } from 'app/styles' import { useThemeColors } from 'app/utils/theme' @@ -61,7 +61,7 @@ const messages = { totalAudio: 'Total $AUDIO', send: 'Send $AUDIO', receive: 'Receive $AUDIO', - connect: 'Connect Wallets', + manageWallet: 'Manage Wallets', rewards: 'Earn Rewards', rewardsBody1: 'Complete tasks to earn $AUDIO tokens!', trending: 'Trending Competitions', @@ -174,9 +174,6 @@ export const AudioScreen = () => { useThemeColors() const dispatch = useDispatch() const navigation = useNavigation() - const { isEnabled: isMobileWalletConnectEnabled } = useFeatureFlag( - FeatureFlags.MOBILE_WALLET_CONNECT - ) const audioFeaturesDegradedText = useRemoteVar( StringKeys.AUDIO_FEATURES_DEGRADED_TEXT ) @@ -261,15 +258,9 @@ export const AudioScreen = () => { ) }, [dispatch]) - const handlePressConnectWallets = useCallback(() => { - if (isMobileWalletConnectEnabled) { - navigation.navigate('WalletConnect') - } else { - dispatch( - setVisibility({ modal: 'MobileConnectWalletsDrawer', visible: true }) - ) - } - }, [isMobileWalletConnectEnabled, dispatch, navigation]) + const handlePressManageWallets = useCallback(() => { + navigation.navigate('WalletConnect') + }, [navigation]) const renderWalletTile = () => { return ( @@ -307,15 +298,17 @@ export const AudioScreen = () => { onPress={handlePressReceive} />