diff --git a/src/components/EnquiryFormControlled.css b/src/components/EnquiryFormControlled.css index fede56c..a7ecdec 100644 --- a/src/components/EnquiryFormControlled.css +++ b/src/components/EnquiryFormControlled.css @@ -39,5 +39,6 @@ .EnquiryForm--Alert { background: whitesmoke; width: 100%; + text-align: center; padding: 2rem; } diff --git a/src/components/EnquiryFormControlled.js b/src/components/EnquiryFormControlled.js index 9e86cca..4207abc 100644 --- a/src/components/EnquiryFormControlled.js +++ b/src/components/EnquiryFormControlled.js @@ -47,8 +47,8 @@ class Form extends Component { }) } - resetForm = () => { - this.setState({ ...this.initialState }) + resetForm = customState => { + this.setState({ ...this.initialState, ...customState }) this.inputs.forEach(input => { delete input.dataset.touched }) @@ -75,7 +75,11 @@ class Form extends Component { throw new Error('Network error') } }) - .then(this.resetForm) + .then( + this.resetForm({ + alert: 'Thanks for your enquiry, we will get back to you soon.' + }) + ) .catch(err => { console.log(err) this.setState({