Fix multiple recaptchas

Author: tomhamiltonstubber

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tutorcruncher-socket",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "TutorCruncher socket",
   "author": "Samuel Colvin <[email protected]>",
   "private": false,

public/index.html

@@ -66,7 +66,7 @@
     socket(public_key, {
       element: '#socket4',
       router_mode: 'history',
-      mode: 'enquiry-modal',
+      mode: 'enquiry',
       api_root: api_root,
     })
   </script>

src/components/shared/EnquiryForm.js

@@ -61,14 +61,18 @@ class EnquiryForm extends Component {
 
   render_grecaptcha () {
     const el = document.getElementById(this.grecaptcha_container_id)
-    if (el && el.childElementCount === 0) {
-      console.debug('rendering grecaptcha')
-      window.grecaptcha.render(this.grecaptcha_container_id, {
-        sitekey: this.props.config.grecaptcha_key,
-        callback: response => this.set_enquiry_data('grecaptcha_response', response)
-      })
+    if (el) {
+      if (el.childElementCount > 0) {
+        console.debug(`${this.grecaptcha_container_id} already has a grecaptcha, not rendering`, el)
+      } else {
+        console.debug('rendering grecaptcha')
+        window.grecaptcha.render(this.grecaptcha_container_id, {
+          sitekey: this.props.config.grecaptcha_key,
+          callback: response => this.set_enquiry_data('grecaptcha_response', response)
+        })
+      }
     } else {
-      console.warn('not rendering grecaptcha', el)
+      console.warn(`${this.grecaptcha_container_id} doesn't exist, not rendering`, el)
     }
   }