Merge pull request #24147 from bramschulting/add-onfailure-prop

Add onFailure prop to react-facebook-login

types/react-facebook-login/index.d.ts

@@ -9,6 +9,7 @@ import * as React from "react";
 interface ReactFacebookLoginProps {
     appId: string;
     callback(userInfo: ReactFacebookLoginInfo): void;
+    onFailure?(response: ReactFacebookFailureResponse): void;
 
     autoLoad?: boolean;
     buttonStyle?: React.CSSProperties;
@@ -33,6 +34,10 @@ interface ReactFacebookLoginProps {
     tag?: Node | React.Component<any>;
 }
 
+export interface ReactFacebookFailureResponse {
+    status?: string;
+}
+
 export interface ReactFacebookLoginInfo {
     id: string;
     name: string;
@@ -43,6 +48,9 @@ interface ReactFacebookLoginState {
     isProcessing?: boolean;
 }
 
-declare class ReactFacebookLogin extends React.Component<ReactFacebookLoginProps, ReactFacebookLoginState> { }
+declare class ReactFacebookLogin extends React.Component<
+    ReactFacebookLoginProps,
+    ReactFacebookLoginState
+> {}
 
 export default ReactFacebookLogin;

types/react-facebook-login/react-facebook-login-tests.tsx

@@ -1,12 +1,16 @@
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 
-import FacebookLogin, { ReactFacebookLoginInfo } from 'react-facebook-login';
+import FacebookLogin, { ReactFacebookLoginInfo, ReactFacebookFailureResponse } from 'react-facebook-login';
 
 const responseFacebook = (response: ReactFacebookLoginInfo) => {
     console.log(response);
 };
 
+const failureResponseFacebook = (response: ReactFacebookFailureResponse) => {
+    console.log(response);
+};
+
 const componentClicked = () => {
     console.log("component clicked");
 };
@@ -21,6 +25,17 @@ ReactDOM.render(
     document.getElementById('demo')
 );
 
+ReactDOM.render(
+    <FacebookLogin
+        appId="1088597931155576"
+        autoLoad={true}
+        fields="name,email,picture"
+        onClick={componentClicked}
+        callback={responseFacebook}
+        onFailure={failureResponseFacebook} />,
+    document.getElementById('demo')
+);
+
 ReactDOM.render(
     <FacebookLogin
         appId="1088597931155576"