diff --git a/frontend/src/app/site-finder/analysis/[cad]/page.tsx b/frontend/src/app/site-finder/analysis/[cad]/page.tsx index e73f256d..4b804421 100644 --- a/frontend/src/app/site-finder/analysis/[cad]/page.tsx +++ b/frontend/src/app/site-finder/analysis/[cad]/page.tsx @@ -75,8 +75,13 @@ interface PageProps { } export default function AnalysisPage({ params }: PageProps) { - // React 19: use() unwraps Promise params (app router pattern) - const { cad } = use(params); + // React 19: use() unwraps Promise params (app router pattern). + // Next.js delivers `cad` URL-encoded (":" -> "%3A"); decode once here so + // downstream hooks/components see the canonical "66:41:0204016:10" and can + // re-encode exactly once when building API URLs / hrefs (prevents double- + // encode that made backend regex reject the cad with HTTP 400). + const { cad: cadRaw } = use(params); + const cad = decodeURIComponent(cadRaw); return (
({}); const [selectedParcel, setSelectedParcel] = useState( null, @@ -82,6 +85,10 @@ export default function SiteFinderPage() { setSelectedParcel(null); } + function handleCadSubmit(cad: string) { + router.push(`/site-finder/analysis/${encodeURIComponent(cad)}`); + } + return (
- {/* Right sidebar */} -
- - -
+ {/* Right sidebar — hidden when ParcelDrawer is open to avoid overlap */} + {selectedParcel == null && ( +
+ + + +
+ )} {/* Parcel drawer (slide-in from right) */} diff --git a/frontend/src/lib/site-finder-api.ts b/frontend/src/lib/site-finder-api.ts index c0a6a70f..920ab23f 100644 --- a/frontend/src/lib/site-finder-api.ts +++ b/frontend/src/lib/site-finder-api.ts @@ -173,9 +173,33 @@ export function useParcelsBboxQuery( if (filters.district) params.set("district", filters.district); if (filters.vri) params.set("vri", filters.vri); - return apiFetch( - `/api/v1/parcels/by-bbox?${params.toString()}`, - ); + // Backend returns { parcels, count, limit, bbox_area_km2 } with field + // names centroid_lat/centroid_lon/area_m2 and nullable status. Adapt to + // the flat ParcelBboxItem[] shape the map components consume. district / + // vri / address are not in B1 yet — defaulted until enrichment lands. + const raw = await apiFetch<{ + parcels: Array<{ + cad_num: string; + centroid_lat: number; + centroid_lon: number; + area_m2: number | null; + land_category: string | null; + status: ParcelStatus | null; + }>; + }>(`/api/v1/parcels/by-bbox?${params.toString()}`); + + const adapted: ParcelBboxItem[] = raw.parcels.map((p) => ({ + cad_num: p.cad_num, + lat: p.centroid_lat, + lon: p.centroid_lon, + area_ha: p.area_m2 != null ? p.area_m2 / 10000 : 0, + status: p.status ?? "free", + district: "—", + vri: "other", + address: "", + })); + // Apply filters client-side until backend supports them (B1 follow-up) + return applyFilters(adapted, filters); }, enabled: MOCK_PARCELS_BBOX || bbox != null, staleTime: 30_000,