feat: add submitting, submitted state

Resolves #2

Author: Pyrax

src/netlify-form-reducer.js

@@ -19,9 +19,17 @@ export default function (state, action) {
       }
     }
     case 'SET_SUCCESS':
-      return { ...state, success: true, error: false }
+      return {
+        ...state,
+        success: true,
+        error: false,
+        submitting: false,
+        submitted: true
+      }
     case 'SET_ERROR':
-      return { ...state, success: false, error: true }
+      return { ...state, success: false, error: true, submitting: false }
+    case 'SET_SUBMITTING':
+      return { ...state, submitting: true }
     case 'SET_HONEYPOT_NAME':
       return { ...state, honeypotName: payload }
     case 'ENABLE_RECAPTCHA':

src/netlify-form.js

@@ -16,6 +16,8 @@ export const useNetlifyForm = ({
   const initialState = {
     success: false,
     error: false,
+    submitting: false,
+    submitted: false,
     response: null,
     values: initialValues,
     formName: name,
@@ -69,6 +71,8 @@ export const useNetlifyForm = ({
       formData['g-recaptcha-response'] = recaptchaValue
     }
 
+    dispatch({ type: 'SET_SUBMITTING' })
+
     const response = await fetch('/', {
       method: 'POST',
       body: encodeFormData(formData)