diff --git a/mintro-mini-app/.env.sample b/mintro-mini-app/.env.sample
index fa2a79a..a706aed 100644
--- a/mintro-mini-app/.env.sample
+++ b/mintro-mini-app/.env.sample
@@ -5,5 +5,12 @@ AUTH_URL=
WLD_CLIENT_ID=
NEXT_PUBLIC_WLD_CLIENT_ID=
NEXT_PUBLIC_PRIVY_APP_ID=
-NEXT_PUBLIC_RPC_URL
+NEXT_PUBLIC_RPC_URL=
+NEXT_PUBLIC_COINBASE_SECRET_KEY=
+NEXT_PUBLIC_COINBASE_PUBLIC_KEY=
+NEXT_PUBLIC_COINBASE_APP_ID=
+COINBASE_API_KEY_NAME=
+
+
+
diff --git a/mintro-mini-app/README.md b/mintro-mini-app/README.md
index d05d5b9..1ac5f84 100644
--- a/mintro-mini-app/README.md
+++ b/mintro-mini-app/README.md
@@ -21,6 +21,24 @@ This template is a way for you to quickly get started with authentication and ex
9. Continue to developer.worldcoin.org and make sure your app is connected to the right ngrok url
10. [Optional] For Verify and Send Transaction to work you need to do some more setup in the dev portal. The steps are outlined in the respective component files.
+## Add Money Quick Action
+
+This mini app now uses the World App's Add Money Quick Action instead of Coinbase Onramp. The "Fund Wallet" button will open the World App's bridge interface where users can:
+
+- Add money to their World Wallet directly from exchanges like Binance and Coinbase
+- Deposit, withdraw, and swap tokens across multiple exchanges and chains
+- Support for USDC and WLD tokens
+
+The integration uses the following parameters:
+
+- `app_id`: Your World App mini app ID
+- `path`: URL-encoded path to the bridge interface (`%2Fbridge`)
+- `toAddress`: The user's World Wallet address
+- `toToken`: Token contract address (WLD: `0x16345785d8a0000`)
+- `sourceAppId`: Your app ID for navigation back
+- `sourceAppName`: "Mintro" (your app name)
+- `sourceDeeplinkPath`: URL-encoded path back to your app (`%2Fhome`)
+
### Environment Variables
Create a `.env.local` file with the following variables:
diff --git a/mintro-mini-app/next.config.ts b/mintro-mini-app/next.config.ts
index f520a86..a1311d1 100644
--- a/mintro-mini-app/next.config.ts
+++ b/mintro-mini-app/next.config.ts
@@ -4,7 +4,10 @@ const nextConfig: NextConfig = {
images: {
domains: ["static.usernames.app-backend.toolsforhumanity.com"],
},
- allowedDevOrigins: ["https://mintro-two.vercel.app"], // Add your production origin here
+ allowedDevOrigins: [
+ "https://mintro-two.vercel.app",
+ "https://5758-83-144-23-154.ngrok-free.app",
+ ], // Add your production and dev origins here
reactStrictMode: false,
};
diff --git a/mintro-mini-app/src/app/(protected)/home/page.tsx b/mintro-mini-app/src/app/(protected)/home/page.tsx
index ee62686..48bf20a 100644
--- a/mintro-mini-app/src/app/(protected)/home/page.tsx
+++ b/mintro-mini-app/src/app/(protected)/home/page.tsx
@@ -1,30 +1,36 @@
"use client";
-
-import { useWorldcoinAuth } from "@/hooks/useWorldcoinAuth";
import { Page } from "@/components/PageLayout";
import { LogoutButton } from "@/components/LogoutButton";
import { Pay } from "@/components/Pay";
import { Transaction } from "@/components/Transaction";
import { UserInfo } from "@/components/UserInfo";
-import { Verify } from "@/components/Verify";
+// import { Verify } from "@/components/Verify";
import { ViewPermissions } from "@/components/ViewPermissions";
-import { WalletBalance } from "@/components/WalletBalance";
+// import { WalletBalance } from "@/components/WalletBalance";
import { Marble, TopBar } from "@worldcoin/mini-apps-ui-kit-react";
+import { useWorldcoinAuth } from "@/hooks/useWorldcoinAuth";
+import { useCallback } from "react";
-export default function Home() {
- const { user, isLoading } = useWorldcoinAuth();
+export default function ProtectedHome() {
+ const { user } = useWorldcoinAuth();
- if (isLoading) {
- return (
-
-
-