Url Search Parameters

[gabrielegranello]

What does this PR do?

It uses URL Search Parameters to partially fill the form. At the moment, it is set to work with the postcode.

How does it work?

It uses the React hook useSearchParams that reads the parameters passed in the URL. The default value of the postcode in the form is set to be equal to the passed parameter.

How to test it?

When the app is running on your localhost, for example localhost:3000, try to pass the postcode via the url.
For example, reload the page as localhost:3000/?postcode=SE171PE. You should find the postcode in the form to be equal to "SE171PE"

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
fairhold-dashboard	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 13, 2024 3:04pm

[DafyddLlyr]

Perfect!

I think we might as well map all form fields here, which would allow Alastair to have the choice of which fields of the form to map in WebFlow 👍

[gabrielegranello]

Good point @DafyddLlyr . Now all the other parameters are available too. It can be tested with for example:
http://localhost:3000/?postcode=SE171PE&houseSize=80&houseAge=1&houseBedrooms=2&houseType=T&maintenancePercentage=0.02