Function AdminView

frontend/src/App.tsx:1328–1423

()

}

function AdminView() {
  const [summary, setSummary] = useState<any>(null);
  const [message, setMessage] = useState("");

  useEffect(() => {
    api.adminSummary().then(setSummary).catch((err) => setMessage(String(err)));
  }, []);

  if (!summary) return <section className="panel heroPanel">正在加载后台...</section>;

  return (
    <section className="adminLayout">
      <div className="panel adminHero">
        <span className="eyebrow">运营后台</span>
        <h1>基础数据</h1>
        {message ? <div className="inlineError">{message}</div> : null}
        <div className="adminStats">
          {Object.entries(summary.totals).map(([key, value]) => (
            <div key={key} className="statBlock">
              <strong>{String(value)}</strong>
              <span>{key}</span>
            </div>
          ))}
        </div>
      </div>
      <div className="panel">
        <h2>
          <BarChart3 size={18} />
          挑战列表
        </h2>
        {summary.challenges.map((challenge: Challenge) => (
          <div key={challenge.id} className="adminChallenge">
            <strong>{challenge.name}</strong>
            <span>
              {challenge.place_name} · {pct(challenge.stats.progress)} ·{" "}
              {challenge.stats.participant_count} 人
            </span>
          </div>
        ))}
      </div>
      <div className="panel">
        <h2>
          <Activity size={18} />
          点亮来源
        </h2>
        {summary.unlock_source_breakdown.length === 0 ? (
          <p>暂无点亮。</p>
        ) : (
          summary.unlock_source_breakdown.map((item: any) => (
            <div key={item.source} className="adminChallenge">
              <strong>{item.source === "gps" ? "GPS 真打卡" : item.source}</strong>
              <span>{item.count} 格</span>
            </div>
          ))
        )}
      </div>
      <div className="panel">
        <h2>