增加redirect_url

app/success/page.jsx

@@ -1,11 +1,27 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useEffect, useState, Suspense } from "react";
 import { FiArrowLeft, FiCheckCircle } from "react-icons/fi";
 import toast from "react-hot-toast";
+import { useSearchParams } from "next/navigation";
 
-export default function SuccessPage() {
+// 创建一个客户端组件来处理搜索参数
+function SuccessContent() {
   const [closeAttempted, setCloseAttempted] = useState(false);
+  const searchParams = useSearchParams();
+  const redirectUrl = searchParams.get("redirect_url");
+
+  // 处理重定向
+  useEffect(() => {
+    if (redirectUrl) {
+      // 添加一个小延迟，让成功动画有时间显示
+      const redirectTimer = setTimeout(() => {
+        window.location.href = redirectUrl;
+      }, 1500);
+
+      return () => clearTimeout(redirectTimer);
+    }
+  }, [redirectUrl]);
 
   // 页面加载时的动画效果
   useEffect(() => {
@@ -22,6 +38,12 @@ export default function SuccessPage() {
 
   // 尝试关闭页面
   const handleClose = () => {
+    // 如果有重定向URL，直接跳转
+    if (redirectUrl) {
+      window.location.href = redirectUrl;
+      return;
+    }
+
     try {
       window.close();
 
@@ -50,11 +72,6 @@ export default function SuccessPage() {
   };
 
   return (
-    <div
-      className="flex flex-col items-center justify-center min-h-screen px-4 py-12"
-      style={{ backgroundColor: "#07050A" }}
-    >
-      <div className="w-full max-w-md p-8 mx-auto bg-[#17161A] rounded-xl shadow-lg border border-gray-800">
     <div className="flex flex-col items-center">
       <div
         id="success-icon"
@@ -68,7 +85,7 @@ export default function SuccessPage() {
       </h2>
 
       <p className="mt-4 text-lg text-center text-gray-300">
-            请关闭当前页面返回应用
+        {redirectUrl ? "即将返回应用..." : "请关闭当前页面返回应用"}
       </p>
 
       <button
@@ -76,9 +93,25 @@ export default function SuccessPage() {
         className="flex items-center justify-center w-full mt-8 px-4 py-3 text-white bg-[#FF669E] rounded-md hover:bg-[#FF4A8E] transition-colors"
       >
         <FiArrowLeft className="w-5 h-5 mr-2" />
-            关闭页面
+        {redirectUrl ? "立即返回" : "关闭页面"}
       </button>
     </div>
+  );
+}
+
+// 主页面组件，包含Suspense边界
+export default function SuccessPage() {
+  return (
+    <div
+      className="flex flex-col items-center justify-center min-h-screen px-4 py-12"
+      style={{ backgroundColor: "#07050A" }}
+    >
+      <div className="w-full max-w-md p-8 mx-auto bg-[#17161A] rounded-xl shadow-lg border border-gray-800">
+        <Suspense
+          fallback={<div className="text-white text-center">加载中...</div>}
+        >
+          <SuccessContent />
+        </Suspense>
       </div>
     </div>
   );