Function CreateView

frontend/src/App.tsx:394–645

({
  config,
  participant,
  onCreated,
}: {
  config: AppConfig | null;
  participant: Participant | null;
  onCreated: (challenge: Challenge) => void;
})

}

function CreateView({
  config,
  participant,
  onCreated,
}: {
  config: AppConfig | null;
  participant: Participant | null;
  onCreated: (challenge: Challenge) => void;
}) {
  const [place, setPlace] = useState<SelectedPlace>(defaultPlace);
  const [name, setName] = useState("");
  const [query, setQuery] = useState("");
  const [suggestions, setSuggestions] = useState<PlaceSuggestion[]>([]);
  const [radius, setRadius] = useState(500);
  const [duration, setDuration] = useState(72);
  const [resolution, setResolution] = useState(11);
  const [busy, setBusy] = useState(false);
  const [searching, setSearching] = useState(false);
  const [message, setMessage] = useState("");
  const canCreate = name.trim().length >= 2 && place.name.trim().length > 0;

  function applyPlace(next: SelectedPlace) {
    setPlace(next);
    if (!name.trim() || name.startsWith("一起点亮")) {
      setName(`一起点亮${next.name}`);
    }
  }

  async function searchPlaces() {
    const keyword = query.trim();
    if (!keyword) {
      setMessage("先输入学校、公园、商场或街区名称。");
      return;
    }
    setSearching(true);
    setMessage("");
    try {
      const AMap = await loadAmap(config, ["AMap.PlaceSearch"]);
      const placeSearch = new AMap.PlaceSearch({
        city: "全国",
        pageSize: 8,
        pageIndex: 1,
        extensions: "base",
      });
      const result = await new Promise<any>((resolve, reject) => {
        placeSearch.search(keyword, (status: string, data: any) => {
          if (status === "complete") resolve(data);
          else reject(new Error("地点搜索失败，请换个关键词。"));
        });
      });
      const pois = result?.poiList?.pois || [];
      const items = pois
        .filter((poi: any) => poi.location)
        .map((poi: any) => ({
          id: String(poi.id || `${poi.name}-${poi.location.lng}-${poi.location.lat}`),
          name: String(poi.name),
          address: [poi.cityname, poi.adname, poi.address].filter(Boolean).join(" · "),
          lat: Number(poi.location.lat),