's'

app/[locale]/join/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useRef, useEffect, type FormEvent, type ChangeEvent } from "react";
+import { useState, useRef, useEffect, useCallback, type FormEvent, type ChangeEvent } from "react";
 import { Link } from "@/i18n/navigation";
 import {
   getPayEnv,
@@ -11,6 +11,8 @@ import {
 } from "@/app/lib/payment";
 import { usePayStatusPoll } from "@/app/lib/payment/usePayStatusPoll";
 import type { PayChannel, PayEnv } from "@/app/lib/payment";
+import { getStoredToken } from "@/app/lib/pocketbase";
+import AuthModal from "@/app/components/AuthModal";
 
 const genderOptions = ["男", "女"];
 const singleOptions = ["单身", "恋爱中", "已婚"];
@@ -56,6 +58,18 @@ export default function JoinPage() {
   const [payRedirecting, setPayRedirecting] = useState(false);
   const [payEnv, setPayEnv] = useState<PayEnv | null>(null);
   const [payChannel, setPayChannel] = useState<PayChannel>("alipay");
+  const [authOpen, setAuthOpen] = useState(false);
+
+  const checkAuth = useCallback(async () => {
+    if (getStoredToken()) return true;
+    try {
+      const res = await fetch("/api/auth/me");
+      const data = await res.json();
+      return !!(data?.user && data?.token);
+    } catch {
+      return false;
+    }
+  }, []);
 
   useEffect(() => {
     if (typeof window !== "undefined" && new URLSearchParams(window.location.search).get("paid") === "1") {
@@ -79,6 +93,12 @@ export default function JoinPage() {
   const handleSubmit = async (e: FormEvent) => {
     e.preventDefault();
     setError(null);
+    const loggedIn = await checkAuth();
+    if (!loggedIn) {
+      setAuthOpen(true);
+      setError("请先登录或注册后再提交申请");
+      return;
+    }
     setSubmitting(true);
     try {
       const res = await fetch("/api/join", {
@@ -515,6 +535,15 @@ export default function JoinPage() {
           </Link>
         </div>
       </div>
+
+      <AuthModal
+        isOpen={authOpen}
+        onClose={() => setAuthOpen(false)}
+        onSuccess={() => {
+          setAuthOpen(false);
+          setError(null);
+        }}
+      />
     </div>
   );
 }