vjrj
12bdbe8fed
Modernizes the whole i18n stack:
- 48 translate([], {wait:true}) / translate() HOCs -> withTranslation()
- react.wait:true -> react.useSuspense:false
- whitelist -> supportedLngs; added compatibilityJSON: 'v3' so our
natural-language keys + v3 _plural layout keep working (custom
separators ss/eth/dj preserved)
- backends: xhr -> i18next-http-backend (client), sync-fs ->
i18next-fs-backend (server); dropped i18next-localstorage-cache
(was enabled:false); languagedetector 2 -> 8
- ReSendEmail: <Interpolate> (removed in v10) -> <Trans values={{email}}/>,
dropped the removed bare t export
- saveMissing handler signature (lngs, ns, key, fallbackValue)
Silences the per-component Translate/I18n legacy-context warnings.
Browser-verified es/en switch and <Trans> interpolation on /fires;
REST smoke byte-identical.
63 lines
1.8 KiB
JavaScript
63 lines
1.8 KiB
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import { Meteor } from 'meteor/meteor';
|
|
import { Bert } from 'meteor/themeteorchef:bert';
|
|
import Icon from '../Icon/Icon';
|
|
import { withTranslation, Trans } from 'react-i18next';
|
|
import { T9n } from 'meteor-accounts-t9n';
|
|
|
|
import './OAuthLoginButton.scss';
|
|
|
|
const handleLogin = (service, callback) => {
|
|
const options = {
|
|
facebook: {
|
|
requestPermissions: ['email'],
|
|
loginStyle: 'popup',
|
|
},
|
|
github: {
|
|
requestPermissions: ['user:email'],
|
|
loginStyle: 'popup',
|
|
},
|
|
google: {
|
|
requestPermissions: ['email', 'profile'],
|
|
requestOfflineToken: true,
|
|
loginStyle: 'popup',
|
|
},
|
|
}[service];
|
|
|
|
return {
|
|
facebook: Meteor.loginWithFacebook,
|
|
github: Meteor.loginWithGithub,
|
|
google: Meteor.loginWithGoogle,
|
|
}[service](options, callback);
|
|
};
|
|
|
|
const serviceLabel = {
|
|
facebook: <span><Icon icon="facebook-official" /> <Trans parent="span">Log In with Facebook</Trans></span>,
|
|
github: <span><Icon icon="github" /> <Trans parent="span">Log In with GitHub</Trans></span>,
|
|
google: <span><Icon icon="google" /> <Trans parent="span">Iniciar sesión con Google</Trans></span>,
|
|
};
|
|
|
|
const OAuthLoginButton = ({ service, callback }) => (
|
|
<button
|
|
className={`btn btn-block btn-raised btn-danger OAuthLoginButton OAuthLoginButton-${service}`}
|
|
type="button"
|
|
onClick={() => handleLogin(service, callback)}
|
|
>
|
|
{serviceLabel[service]}
|
|
</button>
|
|
);
|
|
|
|
OAuthLoginButton.defaultProps = {
|
|
callback: (error) => {
|
|
if (error) Bert.alert(T9n.get(`error.accounts.${error.message}`), 'danger');
|
|
// Bert.alert(error.message, 'danger');
|
|
},
|
|
};
|
|
|
|
OAuthLoginButton.propTypes = {
|
|
service: PropTypes.string.isRequired,
|
|
callback: PropTypes.func,
|
|
};
|
|
|
|
export default withTranslation()(OAuthLoginButton);
|