Separate concerns, bind function

oacore · May 22, 2020 · 860ab88 · 860ab88
1 parent 3d3092a
commit 860ab88
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/modules/billing/payment-required/data.js b/modules/billing/payment-required/data.js
@@ -62,7 +62,7 @@ const emailContext = observable({
   },
 })
 
-const useSync = (store) =>
+const useSync = (store) => {
   useEffect(
     () =>
       autorun(() => {
@@ -75,13 +75,18 @@ const useSync = (store) =>
         // it should be expected.
         globalContext.user = store.user
         globalContext.organisation = store.organisation
-
-        emailContext.actionUrl = store.contactUrl
-        emailContext.send = store.sendContactRequest
       }),
     [store]
   )
 
+  useEffect(() =>
+    autorun(() => {
+      emailContext.actionUrl = store.contactUrl
+      emailContext.send = store.sendContactRequest.bind(store)
+    })
+  )
+}
+
 const useFormAction = () =>
   useObserver(() => [emailContext.actionUrl, emailContext.send])