Contact form behaviour.

[dirkcuys]

Option A: traditional post, create a new static page on www.p2pu.org for success
Option B: AJAX post, js to handle post logic and feedback UX

TODO:

• Redirect normal POST to a success page
• Create a static success page
• Create react component to replace HTML form with async post functionality
• Ensure POST URL is determined by config variable (default_base_api_endpoint)
• Not working on Firefox?
• No JavaScript redirect goes to non-existing page?
• Email validation feedback is pretty sucky - you just get a message back saying something went wrong and then you get to retype your message :(
• Copy and design of success/error messages
• No JavaScript server side validation error displays DRF error - should redirect to form page or show a different error
• p2pu-website React component should keep field state if server side validation fails

[dirkcuys]

The contact form should be functional in as many circumstances as possible, iow we should use a traditional HTML form. We can implement an AJAX post as progressive enhancement

[dirkcuys]

Issue with firefox is probably related to https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie/SameSite

[dirkcuys]

Firefox issue was that authenticated users would send a csrf cookie with the request, but it was a wrong? cookie