diff --git a/plugins/talk-plugin-local-auth/client/components/AddEmailContent.js b/plugins/talk-plugin-local-auth/client/components/AddEmailContent.js
index 0d3411ff3..4a2ce7430 100644
--- a/plugins/talk-plugin-local-auth/client/components/AddEmailContent.js
+++ b/plugins/talk-plugin-local-auth/client/components/AddEmailContent.js
@@ -4,6 +4,7 @@ import styles from './AddEmailAddressDialog.css';
import { Icon } from 'plugin-api/beta/client/components/ui';
import cn from 'classnames';
import InputField from './InputField';
+import { t } from 'plugin-api/beta/client/services';
const AddEmailContent = ({
formData,
@@ -13,29 +14,29 @@ const AddEmailContent = ({
onChange,
}) => (
-
Add an Email Address
+
+ {t('talk-plugin-local-auth.add_email.content.title')}
+
- For your added security, we require users to add an email address to their
- accounts. Your email address will be used to:
+ {t('talk-plugin-local-auth.add_email.content.description')}
-
- Receive updates regarding any changes to your account (email address,
- username, password, etc.)
+ {t('talk-plugin-local-auth.add_email.content.item_1')}
-
- Allow you to download your comments.
+ {t('talk-plugin-local-auth.add_email.content.item_2')}
-
- Send comment notifications that you have chosen to receive.
+ {t('talk-plugin-local-auth.add_email.content.item_3')}
@@ -43,20 +44,20 @@ const AddEmailContent = ({
diff --git a/plugins/talk-plugin-local-auth/client/components/EmailAddressAdded.js b/plugins/talk-plugin-local-auth/client/components/EmailAddressAdded.js
index ef74f4b8b..6d5775f3c 100644
--- a/plugins/talk-plugin-local-auth/client/components/EmailAddressAdded.js
+++ b/plugins/talk-plugin-local-auth/client/components/EmailAddressAdded.js
@@ -2,21 +2,24 @@ import React from 'react';
import cn from 'classnames';
import PropTypes from 'prop-types';
import styles from './AddEmailAddressDialog.css';
+import { t } from 'plugin-api/beta/client/services';
const EmailAddressAdded = ({ done }) => (
-
Email Address Added
+
+ {t('talk-plugin-local-auth.add_email.added.title')}
+
- Your email address has been added to your account.
+ {t('talk-plugin-local-auth.add_email.added.description')}
-
Need to change your email address?
+
{t('talk-plugin-local-auth.add_email.added.subtitle')}
- You can change your account settings by visiting{' '}
- My Profile {'>'} Settings.
+ {t('talk-plugin-local-auth.add_email.added.description_2')}{' '}
+ {t('talk-plugin-local-auth.add_email.added.path')}.
diff --git a/plugins/talk-plugin-local-auth/client/components/InputField.css b/plugins/talk-plugin-local-auth/client/components/InputField.css
index befc94f18..3442befde 100644
--- a/plugins/talk-plugin-local-auth/client/components/InputField.css
+++ b/plugins/talk-plugin-local-auth/client/components/InputField.css
@@ -42,11 +42,10 @@
}
.detailLabel {
- color: #4c4c4d;
+ color: #4C4C4D;
font-size: 1em;
display: block;
margin-bottom: 4px;
- font-weight: bold;
}
.detailValue {
@@ -78,4 +77,4 @@
.warningIcon {
color: #FA4643;
-}
\ No newline at end of file
+}
diff --git a/plugins/talk-plugin-local-auth/client/components/VerifyEmailAddress.js b/plugins/talk-plugin-local-auth/client/components/VerifyEmailAddress.js
index 9a3e6ae89..cc1ff3626 100644
--- a/plugins/talk-plugin-local-auth/client/components/VerifyEmailAddress.js
+++ b/plugins/talk-plugin-local-auth/client/components/VerifyEmailAddress.js
@@ -2,18 +2,19 @@ import React from 'react';
import cn from 'classnames';
import PropTypes from 'prop-types';
import styles from './AddEmailAddressDialog.css';
+import { t } from 'plugin-api/beta/client/services';
const VerifyEmailAddress = ({ emailAddress, done }) => (
-
Verify Your Email Address
+
+ {t('talk-plugin-local-auth.add_email.verify.title')}
+
- We’ve sent an email to {emailAddress} to verify your account. You must
- verify your email address so that it can be used for account change
- confirmations and notifications.
+ {t('talk-plugin-local-auth.add_email.verify.description', emailAddress)}
diff --git a/plugins/talk-plugin-local-auth/client/translations.yml b/plugins/talk-plugin-local-auth/client/translations.yml
index d3b323f54..2b46a0464 100644
--- a/plugins/talk-plugin-local-auth/client/translations.yml
+++ b/plugins/talk-plugin-local-auth/client/translations.yml
@@ -35,6 +35,29 @@ en:
change_email_msg: "Email Address Changed - Your email address has been successfully changed. This email address will now be used for signing in and email notifications."
changed_username_success_msg: "Username Changed - Your username has been successfully changed. You will not be able to change your user name for 14 days."
change_username_attempt: "Username can't be updated. Usernames can only be changed every 14 days."
+ add_email:
+ add_email_address: "Add Email Address"
+ enter_email_address: "Enter Email Address:"
+ invalid_email_address: "Invalid Email address"
+ confirm_email_address: "Confirm Email Address:"
+ email_does_not_match: "Email Address does not match"
+ insert_password: "Insert Password:"
+ done: "done"
+ content:
+ title: "Add an Email Address"
+ description: "For your added security, we require users to add an email address to their accounts. Your email address will be used to:"
+ item_1: "Receive updates regarding any changes to your account (email address, username, password, etc.)"
+ item_2: "Allow you to download your comments."
+ item_3: "Send comment notifications that you have chosen to receive."
+ verify:
+ title: "Verify Your Email Address"
+ description: "We’ve sent an email to {0} to verify your account. You must verify your email address so that it can be used for account change confirmations and notifications."
+ added:
+ title: "Email Address Added"
+ description: "Your email address has been added to your account."
+ subtitle: "Need to change your email address?"
+ description_2: "You can change your account settings by visiting"
+ path: "My Profile > Settings"
es:
talk-plugin-local-auth:
change_password: