import { defineRouteConfig } from "@medusajs/admin-sdk"
import { useSearchParams, useNavigate } from "react-router-dom"
import { useEffect } from "react"
import EditPageContent from "../[id]/page"  // default export; reads id from useParams() or useSearchParams()

/**
 * Static route at /page-builder/pages/edit that reads page id from ?id=.
 * Use this so Edit works even when the dynamic [id] route does not register (e.g. 404 on some setups).
 */
export const config = defineRouteConfig({})

export default function EditPageWrapper() {
  const [searchParams] = useSearchParams()
  const navigate = useNavigate()
  const id = searchParams.get("id")

  useEffect(() => {
    if (!id) navigate("/not-found", { replace: true })
  }, [id, navigate])

  if (!id) return null
  return <EditPageContent key={id} />
}