diff --git a/apps/dashboard/src/app/(dashboard)/(bridge)/bridge/components/client/UniversalBridgeEmbed.tsx b/apps/dashboard/src/app/(dashboard)/(bridge)/bridge/components/client/UniversalBridgeEmbed.tsx new file mode 100644 index 00000000000..ccc20d1cc5f --- /dev/null +++ b/apps/dashboard/src/app/(dashboard)/(bridge)/bridge/components/client/UniversalBridgeEmbed.tsx @@ -0,0 +1,25 @@ +"use client"; +import { getThirdwebClient } from "@/constants/thirdweb.server"; +import { getSDKTheme } from "app/components/sdk-component-theme"; +import { useV5DashboardChain } from "lib/v5-adapter"; +import { useTheme } from "next-themes"; +import { PayEmbed } from "thirdweb/react"; + +export function UniversalBridgeEmbed({ chainId }: { chainId?: number }) { + const { theme } = useTheme(); + const chain = useV5DashboardChain(chainId || 1); + + return ( + + ); +} diff --git a/apps/dashboard/src/app/(dashboard)/(bridge)/bridge/page.tsx b/apps/dashboard/src/app/(dashboard)/(bridge)/bridge/page.tsx new file mode 100644 index 00000000000..59854a87f13 --- /dev/null +++ b/apps/dashboard/src/app/(dashboard)/(bridge)/bridge/page.tsx @@ -0,0 +1,35 @@ +import type { Metadata } from "next"; +import { UniversalBridgeEmbed } from "./components/client/UniversalBridgeEmbed"; + +const title = "Universal Bridge: Swap, Bridge, and On-Ramp"; +const description = + "Swap, bridge, and on-ramp to any EVM chain with thirdweb's Universal Bridge."; + +export const metadata: Metadata = { + title, + description, + openGraph: { + title, + description, + }, +}; + +export default async function RoutesPage({ + searchParams, +}: { searchParams: Record }) { + const { chainId } = searchParams; + return ( + + + + + + {/* eslint-disable-next-line @next/next/no-img-element */} + + + ); +}