diff --git a/client/me/security-2fa-backup-codes-prompt/index.jsx b/client/me/security-2fa-backup-codes-prompt/index.jsx index c735795f8e797e..ab6622e2e11da9 100644 --- a/client/me/security-2fa-backup-codes-prompt/index.jsx +++ b/client/me/security-2fa-backup-codes-prompt/index.jsx @@ -13,7 +13,8 @@ var FormButton = require( 'components/forms/form-button' ), FormTelInput = require( 'components/forms/form-tel-input' ), Notice = require( 'components/notice' ), twoStepAuthorization = require( 'lib/two-step-authorization' ), - analytics = require( 'analytics' ); + analytics = require( 'analytics' ), + constants = require( 'me/constants' ); module.exports = React.createClass( { @@ -130,7 +131,7 @@ module.exports = React.createClass( { name="backup-code-entry" type="text" autoComplete="off" - placeholder="12345678" + placeholder={ constants.eightDigitBackupCodePlaceholder } valueLink={ this.linkState( 'backupCodeEntry' ) } onFocus={ function() { analytics.ga.recordEvent( 'Me', 'Focused On 2fa Backup Codes Confirm Printed Backup Codes Input' ); diff --git a/client/me/security-2fa-code-prompt/index.jsx b/client/me/security-2fa-code-prompt/index.jsx index ecac9d9c2040b0..71a8a170e68d97 100644 --- a/client/me/security-2fa-code-prompt/index.jsx +++ b/client/me/security-2fa-code-prompt/index.jsx @@ -14,7 +14,8 @@ var FormButton = require( 'components/forms/form-button' ), FormTelInput = require( 'components/forms/form-tel-input' ), Notice = require( 'components/notice' ), twoStepAuthorization = require( 'lib/two-step-authorization' ), - analytics = require( 'analytics' ); + analytics = require( 'analytics' ), + constants = require( 'me/constants' ); module.exports = React.createClass( { @@ -193,14 +194,20 @@ module.exports = React.createClass( { }, render: function() { + var codePlaceholder = twoStepAuthorization.isTwoStepSMSEnabled() + ? constants.sevenDigit2faPlaceholder + : constants.sixDigit2faPlaceholder; + return (