How to use the aws-amplify-react.withFederated function in aws-amplify-react
To help you get started, we’ve selected a few aws-amplify-react examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
richardzcode / Journal-AWS-Amplify-Tutorial / step-03 / journal / src / components / auth / JSignIn.jsx View on Github 
import { withFederated } from 'aws-amplify-react';
const logger = new Logger('JSignIn');
const FederatedButtons = (props) => (
<button style="{{">
Facebook
</button>
);
const Federated = withFederated(FederatedButtons);
const federated_data = {
google_client_id: '',
facebook_app_id: '__replace_with_your_facebook_app_id__',
amazon_client_id: ''
};
export default class JSignIn extends Component {
constructor(props) {
super(props);
this.signIn = this.signIn.bind(this);
this.checkContact = this.checkContact.bind(this);
this.changeState = this.changeState.bind(this);
this.inputs = {};
this.state = { error: '' }
}import { AuthPiece, withFederated } from 'aws-amplify-react';
const logger = new Logger('LoginForm');
const FederatedButtons = (props) => (
<div>
<button size="large" color="blue">Facebook</button>
</div>
);
const Federated = withFederated(FederatedButtons);
const federated = {
facebook_app_id: '__replace_with_your_facebook_app_id__'
};
class LoginForm extends AuthPiece {
constructor(props) {
super(props);
this.checkContat = this.checkContact.bind(this);
this.signIn = this.signIn.bind(this);
}
checkContact(user) {
Auth.verifiedContact(user)
.then(data => {import { AuthPiece, withFederated } from 'aws-amplify-react';
const logger = new Logger('LoginForm');
const FederatedButtons = (props) => (
<div>
<button size="large" color="blue">Facebook</button>
</div>
);
const Federated = withFederated(FederatedButtons);
const federated = {
facebook_app_id: '__replace_with_your_facebook_app_id__'
};
class LoginForm extends AuthPiece {
constructor(props) {
super(props);
this.checkContat = this.checkContact.bind(this);
this.signIn = this.signIn.bind(this);
}
checkContact(user) {
Auth.verifiedContact(user)
.then(data => {aws-amplify-react
AWS Amplify is a JavaScript library for Frontend and mobile developers building cloud-enabled applications.
