Native: sendpot screens (#1615)

Author: musidlo

apps/expo/app/sendpot/buy-tickets.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 { BuyTicketsScreen } from 'app/features/sendpot/BuyTicketsScreen'
 
 export default function BuySendpotTicketsScreen() {
   return (
@@ -11,7 +11,7 @@ export default function BuySendpotTicketsScreen() {
         }}
       />
       <ScreenContainer>
-        <Paragraph>BuySendpotTicketsScreen</Paragraph>
+        <BuyTicketsScreen />
       </ScreenContainer>
     </>
   )

apps/expo/app/sendpot/confirm-buy-tickets.tsx

@@ -1,17 +1,17 @@
 import { Stack } from 'expo-router/build/layouts/Stack'
 import { ScreenContainer } from 'apps-expo/components/layout/ScreenContainer'
-import { Paragraph } from '@my/ui'
+import { ConfirmBuyTicketsScreen } from 'app/features/sendpot/ConfirmBuyTicketsScreen'
 
 export default function ConfirmBuySendpotTicketsScreen() {
   return (
     <>
       <Stack.Screen
         options={{
-          title: 'Buy Tickets Summary',
+          title: 'Summary',
         }}
       />
       <ScreenContainer>
-        <Paragraph>ConfirmBuySendpotTicketsScreen</Paragraph>
+        <ConfirmBuyTicketsScreen />
       </ScreenContainer>
     </>
   )

apps/expo/app/sendpot/index.tsx

@@ -1,6 +1,6 @@
 import { ScreenContainer } from 'apps-expo/components/layout/ScreenContainer'
 import { Stack } from 'expo-router'
-import { Link, Paragraph } from '@my/ui'
+import { SendPotScreen } from 'app/features/sendpot/screen'
 
 export default function SendpotScreen() {
   return (
@@ -11,9 +11,7 @@ export default function SendpotScreen() {
         }}
       />
       <ScreenContainer>
-        <Paragraph>SendpotScreen</Paragraph>
-        <Link href={'/sendpot/buy-tickets'}>but tickets</Link>
-        <Link href={'/sendpot/confirm-buy-tickets'}>confirm</Link>
+        <SendPotScreen />
       </ScreenContainer>
     </>
   )