Native: partial deposit screens (#1622)

Author: musidlo

apps/expo/app/deposit/crypto.tsx

@@ -1,6 +1,6 @@
 import { Stack } from 'expo-router/build/layouts/Stack'
 import { ScreenContainer } from 'apps-expo/components/layout/ScreenContainer'
-import { Paragraph } from '@my/ui'
+import { DepositCryptoScreen } from 'app/features/deposit/crypto/screen'
 
 export default function CryptoDepositScreen() {
   return (
@@ -11,7 +11,7 @@ export default function CryptoDepositScreen() {
         }}
       />
       <ScreenContainer>
-        <Paragraph>CryptoDepositScreen</Paragraph>
+        <DepositCryptoScreen />
       </ScreenContainer>
     </>
   )

apps/expo/app/deposit/index.tsx

@@ -1,8 +1,8 @@
 import { ScreenContainer } from 'apps-expo/components/layout/ScreenContainer'
 import { Stack } from 'expo-router'
-import { Link, Paragraph } from '@my/ui'
+import { DepositScreen } from 'app/features/deposit/screen'
 
-export default function DepositScreen() {
+export default function Screen() {
   return (
     <>
       <Stack.Screen
@@ -11,11 +11,7 @@ export default function DepositScreen() {
         }}
       />
       <ScreenContainer>
-        <Paragraph>DepositScreen</Paragraph>
-        <Link href={'/deposit/crypto'}>crypto</Link>
-        <Link href={'/deposit/apple-pay'}>apple pay</Link>
-        <Link href={'/deposit/debit-card'}>debit card</Link>
-        <Link href={'/deposit/success'}>success deposit</Link>
+        <DepositScreen />
       </ScreenContainer>
     </>
   )

packages/app/features/deposit/crypto/screen.tsx

@@ -6,6 +6,7 @@ import * as Clipboard from 'expo-clipboard'
 import { useState } from 'react'
 import { IconCopy } from 'app/components/icons'
 import { CopyAddressDialog } from 'app/features/deposit/components/CopyAddressDialog'
+import { Platform } from 'react-native'
 
 export function DepositCryptoScreen() {
   const { data: sendAccount, isLoading: isLoadingSendAccount } = useSendAccount()
@@ -51,11 +52,13 @@ export function DepositCryptoScreen() {
       <YStack gap={'$3.5'}>
         <FadeCard>
           <Paragraph size={'$7'}>Base Network</Paragraph>
-          <DepositAddressQR
-            address={sendAccount?.address}
-            onPress={() => setCopyAddressDialogIsOpen(true)}
-            isConfirmed={isConfirmed}
-          />
+          {Platform.OS === 'web' && (
+            <DepositAddressQR
+              address={sendAccount?.address}
+              onPress={() => setCopyAddressDialogIsOpen(true)}
+              isConfirmed={isConfirmed}
+            />
+          )}
         </FadeCard>
       </YStack>
       <YStack width={'100%'}>