Conversation
|
Deploy preview for resilience-landing-page ready! Built with commit b3430bc https://deploy-preview-130--resilience-landing-page.netlify.app |
| /* | ||
| container | ||
| alignItems="center" | ||
| alignContent="center" | ||
| className={classes.grid} | ||
| */ No newline at end of file |
There was a problem hiding this comment.
Left some comments you can probably remove
| const Form = () => { | ||
| const classes = useStyles(); | ||
| return ( | ||
| <> |
There was a problem hiding this comment.
Haven't had time to look at material's components, do we need to wrap this all in a <form> ?
https://docs.netlify.com/forms/setup/
Also see netlify forms for form setup.
Do we also need to establish a route this will be rendered on? Just based of these changes it looks like we've made the component, but it won't be loaded anywhere
There was a problem hiding this comment.
I didnt added any route because on zendhub was another ticket for that. I know we need to wrap the compoment into a form, I'll add it now, thanks. I'll just check for the netlify forms
There was a problem hiding this comment.
Yup you should be able to just add netlify to the form element or data-netlify="true", the docs cover it. But should be good to check with Daniel or Miles on what we're expecting
There was a problem hiding this comment.
Because we're using Gatsby, you'll need to add a hidden input like this guy:
<input type="hidden" name="form-name" value="contact" />
Per: https://www.netlify.com/blog/2017/07/20/how-to-integrate-netlifys-form-handling-in-a-react-app/#form-handling-with-static-site-generators
There was a problem hiding this comment.
@jessdwitch is the hidden input the same as a honeypot input that gatsby expects?
Ive barely dabbled with netlify forms and it seems like a perfect free solution for what we needed with this contact form
|
Would be good to check in with the designers and @utunga To see how users should be getting to the form, and then what happens when it's submitted |
I've added the get resilience form for organizations.