From b55a6e4f7cc03d7c68336fb08a231ecdcace2c0e Mon Sep 17 00:00:00 2001 From: Eric Jinks Date: Tue, 23 Jan 2018 14:35:51 +1000 Subject: [PATCH] Fix Alert --- src/components/EnquiryFormControlled.css | 1 + src/components/EnquiryFormControlled.js | 10 +++++++--- 2 files changed, 8 insertions(+), 3 deletions(-) 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({