import { Suspense } from "react";
import { winofyFetch, type PaginatedResponse } from "@/lib/api/winofy";
import { getLocationServer } from "@/lib/location/server";
import type { Neighborhood } from "@/types/api";
import { NeighborhoodSearch } from "@/components/location/neighborhood-search";

async function getNeighborhoods() {
  const res = await winofyFetch<PaginatedResponse<Neighborhood> | Neighborhood[]>("/v1/neighborhoods/", {
    auth: false,
    params: { limit: 200 },
  });
  return Array.isArray(res) ? res : res.results;
}

export default async function NeighborhoodSearchPage() {
  const [neighborhoods, location] = await Promise.all([getNeighborhoods(), getLocationServer()]);
  const selectedNeighborhoodUuid = location?.mode === "manual" ? location.neighborhoodUuid : null;
  return (
    <Suspense fallback={null}>
      <NeighborhoodSearch neighborhoods={neighborhoods} selectedNeighborhoodUuid={selectedNeighborhoodUuid} />
    </Suspense>
  );
}