'data'

app/volunteer/page.tsx

@@ -1,330 +1,17 @@
 "use client";
 
-import { useState, type FormEvent } from "react";
-import Link from "next/link";
-import ThemeToggle from "../components/ThemeToggle";
-
-const ageRangeOptions = ["18-22", "23-27", "28-32", "33-37", "38+"];
-const WECHAT_REGEX = /^[a-zA-Z0-9_-]*$/;
+import { useEffect } from "react";
 
+/** 志愿者报名跳转到 /join 页面，带 volunteer=1 参数 */
 export default function VolunteerPage() {
-  const [xiaohongshuUrl, setXiaohongshuUrl] = useState("");
-  const [profession, setProfession] = useState("");
-  const [wechat, setWechat] = useState("");
-  const [gender, setGender] = useState("");
-  const [ageRange, setAgeRange] = useState("");
-  const [agreeRules, setAgreeRules] = useState(false);
-  const [urlError, setUrlError] = useState<string | null>(null);
-  const [profile, setProfile] = useState<{
-    nickname: string;
-    avatarUrl?: string;
-    resolvedUrl?: string;
-    postCountText?: string;
-    postCount?: number;
-  } | null>(null);
-  const [validating, setValidating] = useState(false);
-  const [submitted, setSubmitted] = useState(false);
-  const [submitting, setSubmitting] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  const handleUrlBlur = async () => {
-    const url = xiaohongshuUrl.trim();
-    if (!url) {
-      setUrlError(null);
-      setProfile(null);
-      return;
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      window.location.replace("/join?volunteer=1");
     }
-    setValidating(true);
-    setUrlError(null);
-    setProfile(null);
-    try {
-      const validateRes = await fetch("/api/xiaohongshu/validate", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ url }),
-      });
-      const validateData = await validateRes.json();
-      if (!validateData.valid) {
-        setUrlError(validateData.error || "小红书link异常");
-        return;
-      }
-      const profileRes = await fetch("/api/xiaohongshu/profile", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ url }),
-      });
-      const profileData = await profileRes.json();
-      if (profileData.ok) {
-        setProfile({
-          nickname: profileData.nickname,
-          avatarUrl: profileData.avatarUrl,
-          resolvedUrl: profileData.resolvedUrl,
-          postCountText: profileData.postCountText,
-          postCount: profileData.postCount ?? 0,
-        });
-      } else {
-        setUrlError(profileData.error || "获取资料失败");
-      }
-    } catch {
-      setUrlError("网络异常，请重试");
-    } finally {
-      setValidating(false);
-    }
-  };
-
-  const handleSubmit = async (e: FormEvent) => {
-    e.preventDefault();
-    setError(null);
-    if (xiaohongshuUrl.trim() && urlError) {
-      setError("请先修正小红书链接");
-      return;
-    }
-    if (!profession.trim()) {
-      setError("请填写职业");
-      return;
-    }
-    if (!wechat.trim()) {
-      setError("请填写微信号");
-      return;
-    }
-    if (!WECHAT_REGEX.test(wechat)) {
-      setError("微信号仅允许英文字母、数字、下划线和连字符");
-      return;
-    }
-    if (!gender) {
-      setError("请选择性别");
-      return;
-    }
-    if (!ageRange) {
-      setError("请选择年龄区间");
-      return;
-    }
-    if (!agreeRules) {
-      setError("请同意志愿者须知");
-      return;
-    }
-    setSubmitting(true);
-    try {
-      const genderLabel = gender === "女" ? "女" : gender === "男" ? "男" : "无";
-      const submitXiaohongshuUrl = profile?.resolvedUrl || xiaohongshuUrl.trim() || "";
-
-      const res = await fetch("/api/join", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          nickname: profile?.nickname || "匿名",
-          wechat: wechat.trim(),
-          phone: "",
-          profession: profession.trim(),
-          xiaohongshu_url: submitXiaohongshuUrl,
-          xiaohongshu_avatar_url: profile?.avatarUrl || "",
-          gender: genderLabel,
-          intro: "",
-          age_range: ageRange,
-          city: "深圳",
-          session: "volunteer",
-          education: "",
-          graduation_year: "",
-          agree_rules: true,
-          is_volunteer: true,
-          first_time: "",
-          status: "",
-          activity_type: "",
-          why_join: "",
-          region: "",
-          available_time: "",
-        }),
-      });
-      const data = await res.json();
-      if (!res.ok || !data?.ok) {
-        throw new Error(data?.error || "提交失败，请稍后重试");
-      }
-      setSubmitted(true);
-    } catch (err) {
-      setError(err instanceof Error ? err.message : "网络错误，请重试");
-    } finally {
-      setSubmitting(false);
-    }
-  };
-
-  if (submitted) {
-    return (
-      <div className="flex min-h-screen items-center justify-center bg-[#faf8f5] dark:bg-stone-950 px-4 py-8">
-        <div className="w-full max-w-md animate-fade-in rounded-2xl bg-white dark:bg-stone-900 p-6 sm:p-10 text-center shadow-lg border border-stone-200 dark:border-stone-800">
-          <div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-emerald-50 dark:bg-emerald-900/30 text-4xl">
-            🙌
-          </div>
-          <h2 className="text-xl sm:text-2xl font-bold text-stone-800 dark:text-stone-100">
-            感谢报名志愿者
-          </h2>
-          <p className="mt-2 text-sm text-stone-500 dark:text-stone-400">
-            我们会尽快联系你，确认志愿者安排～
-          </p>
-          <Link
-            href="/"
-            className="mt-6 sm:mt-8 inline-flex items-center gap-2 rounded-xl bg-amber-600 px-6 sm:px-8 py-2.5 sm:py-3 font-medium text-white text-sm sm:text-base transition-colors hover:bg-amber-700"
-          >
-            🏠 返回首页
-          </Link>
-        </div>
-      </div>
-    );
-  }
-
+  }, []);
   return (
-    <div className="min-h-screen bg-[#faf8f5] dark:bg-stone-950">
-      <header className="sticky top-0 z-40 w-full border-b border-stone-200/80 dark:border-stone-800 bg-[#faf8f5]/95 dark:bg-stone-950/95 backdrop-blur">
-        <div className="max-w-2xl mx-auto px-4 h-12 sm:h-14 flex items-center justify-between">
-          <Link href="/" className="text-sm font-medium text-stone-600 dark:text-stone-400">
-            ← 返回
-          </Link>
-          <ThemeToggle />
-        </div>
-      </header>
-
-      <div className="mx-auto max-w-2xl px-4 sm:px-6 py-8 lg:py-10">
-        <div className="overflow-hidden bg-white dark:bg-stone-900 shadow-sm sm:rounded-2xl">
-          <div className="relative h-28 sm:h-36 overflow-hidden bg-gradient-to-br from-amber-500 via-amber-600 to-amber-700">
-            <div className="absolute inset-0 flex flex-col items-center justify-center text-white">
-              <div className="text-4xl sm:text-5xl" aria-hidden>🤝</div>
-            </div>
-          </div>
-
-          <div className="px-4 sm:px-6 py-5 sm:py-6">
-            <div className="mb-6 rounded-xl bg-amber-50 dark:bg-amber-900/20 p-4">
-              <h3 className="font-semibold text-stone-800 dark:text-stone-100 text-sm mb-2">志愿者工作内容</h3>
-              <ul className="text-xs sm:text-sm text-stone-600 dark:text-stone-400 space-y-1">
-                <li>· 签到：现场签到、引导参与者</li>
-                <li>· 茶歇准备：协助布置茶歇、收拾整理</li>
-                <li>· 拍照摄像：记录活动现场，分享精彩瞬间</li>
-              </ul>
-            </div>
-
-            <form onSubmit={handleSubmit} className="space-y-5">
-              <div>
-                <label className="block text-sm font-medium text-stone-700 dark:text-stone-300 mb-2">
-                  📱 小红书主页链接 <span className="text-red-500">*</span>
-                </label>
-                <input
-                  type="url"
-                  value={xiaohongshuUrl}
-                  onChange={(e) => { setXiaohongshuUrl(e.target.value); setUrlError(null); }}
-                  onBlur={handleUrlBlur}
-                  placeholder="https://www.xiaohongshu.com/user/profile/xxx"
-                  required
-                  className="form-input"
-                />
-                {validating && <p className="mt-1.5 text-xs text-amber-600 dark:text-amber-400">🔄 校验中…</p>}
-                {urlError && !validating && <p className="mt-1.5 text-xs text-red-600 dark:text-red-400">⚠️ {urlError}</p>}
-                {profile && !urlError && (
-                  <p className="mt-1.5 text-xs text-emerald-600 dark:text-emerald-400">
-                    已验证
-                  </p>
-                )}
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-stone-700 dark:text-stone-300 mb-2">
-                  💼 职业 <span className="text-red-500">*</span>
-                </label>
-                <input
-                  type="text"
-                  maxLength={140}
-                  placeholder="您的职业或专业"
-                  value={profession}
-                  onChange={(e) => setProfession(e.target.value)}
-                  required
-                  className="form-input"
-                />
-              </div>
-
-              <div>
-                <label className="block text-sm font-medium text-stone-700 dark:text-stone-300 mb-2">
-                  💬 微信号 <span className="text-red-500">*</span>
-                </label>
-                <input
-                  type="text"
-                  maxLength={140}
-                  placeholder="用于联系"
-                  value={wechat}
-                  onChange={(e) => setWechat(e.target.value.replace(/[^a-zA-Z0-9_-]/g, ""))}
-                  required
-                  className="form-input"
-                />
-              </div>
-
-              <div className="grid sm:grid-cols-2 gap-4">
-                <div>
-                  <label className="block text-sm font-medium text-stone-700 dark:text-stone-300 mb-2">
-                    👤 性别 <span className="text-red-500">*</span>
-                  </label>
-                  <select
-                    value={gender}
-                    onChange={(e) => setGender(e.target.value)}
-                    required
-                    className={`form-input appearance-none ${gender ? "text-stone-800 dark:text-stone-100" : "text-stone-400 dark:text-stone-500"}`}
-                  >
-                    <option value="">请选择</option>
-                    <option value="女">女</option>
-                    <option value="男">男</option>
-                  </select>
-                </div>
-                <div>
-                  <label className="block text-sm font-medium text-stone-700 dark:text-stone-300 mb-2">
-                    📅 年龄区间 <span className="text-red-500">*</span>
-                  </label>
-                  <select
-                    value={ageRange}
-                    onChange={(e) => setAgeRange(e.target.value)}
-                    required
-                    className={`form-input appearance-none ${ageRange ? "text-stone-800 dark:text-stone-100" : "text-stone-400 dark:text-stone-500"}`}
-                  >
-                    <option value="">请选择</option>
-                    {ageRangeOptions.map((o) => (
-                      <option key={o} value={o}>{o}</option>
-                    ))}
-                  </select>
-                </div>
-              </div>
-
-              <div>
-                <label className="flex items-start gap-3 cursor-pointer">
-                  <input
-                    type="checkbox"
-                    checked={agreeRules}
-                    onChange={(e) => setAgreeRules(e.target.checked)}
-                    required
-                    className="mt-1 rounded border-stone-300 text-amber-600 focus:ring-amber-500"
-                  />
-                  <span className="text-xs sm:text-sm text-stone-600 dark:text-stone-400">
-                    📋 我已阅读志愿者须知，愿意参与现场协助
-                  </span>
-                </label>
-              </div>
-
-              {error && (
-                <p className="rounded-lg bg-red-50 dark:bg-red-900/30 px-4 py-3 text-sm text-red-600 dark:text-red-400 flex items-center gap-2">
-                  ⚠️ {error}
-                </p>
-              )}
-
-              <button
-                type="submit"
-                disabled={submitting || !!urlError || validating}
-                className="w-full rounded-xl bg-amber-600 py-3.5 text-base font-medium text-white transition-colors hover:bg-amber-700 active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 flex items-center justify-center gap-2"
-              >
-                {submitting ? "🔄 提交中…" : "📤 提交志愿者申请"}
-              </button>
-            </form>
-          </div>
-        </div>
-
-        <div className="mt-4 text-center">
-          <Link href="/" className="text-xs sm:text-sm text-stone-400 dark:text-stone-500 hover:text-amber-600 inline-flex items-center gap-1">
-            🏠 返回首页
-          </Link>
-        </div>
-      </div>
+    <div className="flex min-h-screen items-center justify-center bg-[#faf8f5] dark:bg-stone-950">
+      <span className="text-stone-400">跳转中…</span>
     </div>
   );
 }