feat: allow fund wallet if balance is 0 usdc or eth

packages/app/components/creator-token/buy-creator-token.tsx

@@ -1,17 +1,14 @@
 import { useState, useEffect } from "react";
 import { Linking } from "react-native";
 
+import { useWallets } from "@privy-io/react-auth";
 import { createParam } from "solito";
 
 import { Avatar } from "@showtime-xyz/universal.avatar";
 import { BottomSheetModalProvider } from "@showtime-xyz/universal.bottom-sheet";
 import { Button } from "@showtime-xyz/universal.button";
 import { useIsDarkMode } from "@showtime-xyz/universal.hooks";
-import {
-  Ethereum,
-  InformationCircle,
-  LockBadge,
-} from "@showtime-xyz/universal.icon";
+import { InformationCircle, LockBadge } from "@showtime-xyz/universal.icon";
 import { Image } from "@showtime-xyz/universal.image";
 import { ModalSheet } from "@showtime-xyz/universal.modal-sheet";
 import { Pressable } from "@showtime-xyz/universal.pressable";
@@ -79,6 +76,8 @@ export const BuyCreatorToken = () => {
   const [username] = useParam("username");
   const [selectedActionParam] = useParam("selectedAction");
   const [tokenAmount, setTokenAmount] = useState(1);
+  const { wallets } = useWallets();
+  const isPrivyWalletConnected = wallets?.[0]?.walletClientType === "privy";
 
   const { data: profileData } = useUserProfile({ address: username });
   const sellToken = useCreatorTokenSell();
@@ -158,9 +157,25 @@ export const BuyCreatorToken = () => {
       );
     } else if (
       paymentMethod === "USDC" &&
-      usdcBalance.data?.balance === 0n &&
-      !wallet.isMagicWallet
+      Number(usdcBalance.data?.balance) === 0
     ) {
+      if (isPrivyWalletConnected) {
+        return (
+          <Button
+            size="regular"
+            onPress={() => {
+              wallets[0].fund({
+                config: {
+                  currencyCode: "USDC_BASE",
+                },
+              });
+            }}
+          >
+            Add USDC to your wallet
+          </Button>
+        );
+      }
+
       return (
         <Button
           onPress={() =>
@@ -175,9 +190,25 @@ export const BuyCreatorToken = () => {
       );
     } else if (
       paymentMethod === "ETH" &&
-      ethBalance.data?.balance === 0n &&
-      !wallet.isMagicWallet
+      Number(ethBalance.data?.balance) === 0
     ) {
+      if (isPrivyWalletConnected) {
+        return (
+          <Button
+            size="regular"
+            onPress={() => {
+              wallets[0].fund({
+                config: {
+                  currencyCode: "ETH_BASE",
+                },
+              });
+            }}
+          >
+            Add ETH to your wallet
+          </Button>
+        );
+      }
+
       return (
         <Button
           onPress={() => Linking.openURL("https://bridge.base.org/deposit")}

packages/app/lib/privy/privy-provider.web.tsx

@@ -27,6 +27,9 @@
           accentColor: "#676FFF",
           logo: "https://pbs.twimg.com/profile_images/1720182212468051968/CPBHLyGx_400x400.jpg",
         },
+        fiatOnRamp: {
+          useSandbox: process.env.NEXT_PUBLIC_STAGE === "development",
+        },
       }}
     >
       {children}
@@ -38,7 +41,7 @@
   current: null,
 } as { current: PrivyInterface | null };
 
 export const PrivyAuth = forwardRef(function PrivyAuth(props: any, ref) {
   const privy = usePrivy();
   const { authenticationStatus, setAuthenticationStatus, login, logout } =
     useAuth();