Plugins renaming

2026-07-19 11:28:50 +08:00 · 2017-07-20 11:52:36 -03:00
parent eb3a9431f9
commit 6ec33a0225
115 changed files with 0 additions and 411 deletions
@@ -0,0 +1,121 @@
+import React, {PropTypes} from 'react';
+import {Button, TextField, Spinner, Success, Alert} from 'plugin-api/beta/client/components/ui';
+import styles from './styles.css';
+import t from 'coral-framework/services/i18n';
+
+const SignInContent = ({
+  handleChange,
+  handleChangeEmail,
+  emailToBeResent,
+  handleResendVerification,
+  emailVerificationLoading,
+  emailVerificationSuccess,
+  formData,
+  changeView,
+  handleSignIn,
+  auth,
+  fetchSignInFacebook
+}) => {
+  return (
+    <div className="coral-sign-in">
+      <div className={`${styles.header} header`}>
+        <h1>
+          {auth.emailVerificationFailure
+            ? t('sign_in.email_verify_cta')
+            : t('sign_in.sign_in_to_join')}
+        </h1>
+      </div>
+      {auth.error && <Alert>{auth.error}</Alert>}
+      {auth.emailVerificationFailure
+        ? <form onSubmit={handleResendVerification}>
+            <p>{t('sign_in.request_new_verify_email')}</p>
+            <TextField
+              id="confirm-email"
+              type="email"
+              label={t('sign_in.email')}
+              value={emailToBeResent}
+              onChange={handleChangeEmail}
+            />
+            <Button id="resendConfirmEmail" type="submit" cStyle="black" full>
+              Send Email
+            </Button>
+            {emailVerificationLoading && <Spinner />}
+            {emailVerificationSuccess && <Success />}
+          </form>
+        : <div>
+            <div className={`${styles.socialConnections} social-connections`}>
+              <Button cStyle="facebook" onClick={fetchSignInFacebook} full>
+                {t('sign_in.facebook_sign_in')}
+              </Button>
+            </div>
+            <div className={styles.separator}>
+              <h1>
+                {t('sign_in.or')}
+              </h1>
+            </div>
+            <form onSubmit={handleSignIn}>
+              <TextField
+                id="email"
+                type="email"
+                label={t('sign_in.email')}
+                value={formData.email}
+                style={{fontSize: 16}}
+                onChange={handleChange}
+              />
+              <TextField
+                id="password"
+                type="password"
+                label={t('sign_in.password')}
+                value={formData.password}
+                style={{fontSize: 16}}
+                onChange={handleChange}
+              />
+              <div className={styles.action}>
+                {!auth.isLoading
+                  ? <Button
+                      id="coralLogInButton"
+                      type="submit"
+                      cStyle="black"
+                      className={styles.signInButton}
+                      full
+                    >
+                      {t('sign_in.sign_in')}
+                    </Button>
+                  : <Spinner />}
+              </div>
+            </form>
+          </div>}
+      <div className={`${styles.footer} footer`}>
+        <span>
+          <a onClick={() => changeView('FORGOT')}>
+            {t('sign_in.forgot_your_pass')}
+          </a>
+        </span>
+        <span>
+          {t('sign_in.need_an_account')}
+          <a onClick={() => changeView('SIGNUP')} id="coralRegister">
+            {t('sign_in.register')}
+          </a>
+        </span>
+      </div>
+    </div>
+  );
+};
+
+SignInContent.propTypes = {
+  auth: PropTypes.shape({
+    isLoading: PropTypes.bool.isRequired,
+    error: PropTypes.string,
+    emailVerificationFailure: PropTypes.bool
+  }).isRequired,
+  fetchSignInFacebook: PropTypes.func.isRequired,
+  handleSignIn: PropTypes.func.isRequired,
+  changeView: PropTypes.func.isRequired,
+  emailVerificationLoading: PropTypes.bool.isRequired,
+  emailVerificationSuccess: PropTypes.bool.isRequired,
+  handleResendVerification: PropTypes.func.isRequired,
+  handleChangeEmail: PropTypes.func.isRequired,
+  emailToBeResent: PropTypes.string.isRequired
+};
+
+export default SignInContent;