Move success URL handling from PayPage to StyledBuyWidget component (#8342)

Author: jnsdls

apps/dashboard/src/app/pay/landing/styled-buy-widget.tsx

@@ -9,7 +9,12 @@ import { payLandingWallets } from "./wallets";
 const client = getClientThirdwebClient();
 
 export function StyledBuyWidget(
-  props: Omit<BuyWidgetProps, "client" | "theme">,
+  props: Omit<
+    BuyWidgetProps,
+    "client" | "theme" | "onSuccess" | "onError" | "onCancel"
+  > & {
+    successUrl?: string;
+  },
 ) {
   const { theme } = useTheme();
 
@@ -22,6 +27,22 @@ export function StyledBuyWidget(
       connectOptions={{
         wallets: payLandingWallets,
       }}
+      onSuccess={() => {
+        if (props.successUrl) {
+          try {
+            const url = new URL(props.successUrl);
+            url.searchParams.set("success", "true");
+            window.location.href = url.toString();
+          } catch (error) {
+            // Log URL construction error for debugging
+            console.error(
+              "Failed to construct redirect URL:",
+              props.successUrl,
+              error,
+            );
+          }
+        }
+      }}
     />
   );
 }

apps/dashboard/src/app/pay/page.tsx

@@ -76,22 +76,7 @@ export default async function PayPage(props: {
             tokenAddress={token}
             receiverAddress={receiver}
             amount={amount ? amount.toString() : undefined}
-            onSuccess={() => {
-              if (successUrl) {
-                try {
-                  const url = new URL(successUrl);
-                  url.searchParams.set("success", "true");
-                  window.location.href = url.toString();
-                } catch (error) {
-                  // Log URL construction error for debugging
-                  console.error(
-                    "Failed to construct redirect URL:",
-                    successUrl,
-                    error,
-                  );
-                }
-              }
-            }}
+            successUrl={successUrl}
           />
         </div>
       </div>