Merge pull request #5 from newfold-labs/add/state

Add state to button
newfold-labs · Jan 24, 2024 · 8309240 · 8309240
2 parents 9bebfaa + 264d3fe
commit 8309240
Showing 1 changed file with 17 additions and 5 deletions.
diff --git a/src/components/facebookConnectButton.js b/src/components/facebookConnectButton.js
@@ -12,6 +12,8 @@ const FacebookConnectButton = ({
   showData,
   onConnect,
   onDisconnect,
+  onFailure,
+  onClick
 }) => {
   const [fieldValue, setFieldValue] = useState('');
   const [facebookAccess, setFacebookToken] = useState(false);
@@ -28,19 +30,25 @@ const FacebookConnectButton = ({
               setProfileData(response);
               setLoader(false);
               if (typeof onConnect === 'function') {
-                onConnect();
+                onConnect(response);
               }
             }
             setLoader(false);
           })
           .catch((err) => {
             setLoader(false);
+            if (typeof onFailure === 'function') {
+              onFailure(err);
+            }
             console.error(err);
           });
         setFieldValue(res.token);
       })
       .catch((err) => {
         setLoader(false);
+        if (typeof onFailure === 'function') {
+          onFailure(err);
+        }
         console.error(err);
       });
 
@@ -53,7 +61,7 @@ const FacebookConnectButton = ({
           setProfileData(response);
           setLoader(false);
           if (typeof onConnect === 'function') {
-            onConnect();
+            onConnect(response);
           }
         } else {
           if (counter < 2) {
@@ -84,8 +92,7 @@ const FacebookConnectButton = ({
     const win = window.open(
       `${constants.cf_worker.login_screen}?token_hiive=${fieldValue}&redirect=${window.location.href}`,
       'ModalPopUp',
-      `toolbar=no,scrollbars=no,location=no,width=${
-        window.innerWidth / 2 + 200
+      `toolbar=no,scrollbars=no,location=no,width=${window.innerWidth / 2 + 200
       },height=${window.innerHeight / 2 + 200},top=200,left=200`
     );
 
@@ -98,6 +105,11 @@ const FacebookConnectButton = ({
         }, 10000);
       }
     }, 5000);
+
+    if (typeof onClick === 'function') {
+      onClick();
+    }
+
   };
 
   return (
@@ -155,9 +167,9 @@ const FacebookConnectButton = ({
           )}
           onClick={() => connectFacebook()}
         >
-          {loader && <Spinner />}
           {children}
           {__('Connect Facebook', 'wp-module-facebook')}
+          {loader && <Spinner />}
         </Button>
       )}
     </div>