Update description of demographics step

This commit is contained in:
Ray Schamp 2016-07-19 22:58:50 -04:00
parent 1c5940cc05
commit 6d5b7d3c02
3 changed files with 14 additions and 3 deletions

View file

@ -166,7 +166,8 @@ module.exports = {
getDefaultProps: function () {
return {
defaultCountry: DEFAULT_COUNTRY,
waiting: false
waiting: false,
description: null
};
},
getInitialState: function () {
@ -199,7 +200,11 @@ module.exports = {
<intl.FormattedMessage id="registration.personalStepTitle" />
</h2>
<p className="description">
<intl.FormattedMessage id="registration.personalStepDescription" />
{this.props.description ?
this.props.description
:
<intl.FormattedMessage id="registration.personalStepDescription" />
}
<Tooltip title={'?'}
tipContent={formatMessage({id: 'registration.nameStepTooltip'})} />
</p>

View file

@ -115,6 +115,7 @@
"registration.lastStepDescription": "We are currently processing your application. ",
"registration.nameStepTooltip": "This information is used for verification and to aggregate usage statistics.",
"registration.nextStep": "Next Step",
"registration.notOnWebsite": "This information will not appear on the Scratch website.",
"registration.personalStepTitle": "Personal Information",
"registration.personalStepDescription": "Your individual responses will not be displayed publicly, and will be kept confidential and secure",
"registration.showPassword": "Show password",

View file

@ -87,6 +87,10 @@ var StudentRegistration = intl.injectIntl(React.createClass({
window.location = '/classes/' + this.props.classroomId + '/';
},
render: function () {
var demographicsDescription = this.props.intl.formatMessage({
id: 'registration.notOnWebsite',
defaultMessage: 'This information will not appear on the Scratch website.'
});
return (
<Deck className="student-registration">
{this.state.registrationError ?
@ -99,7 +103,8 @@ var StudentRegistration = intl.injectIntl(React.createClass({
waiting={this.state.waiting} />
<Steps.UsernameStep onNextStep={this.advanceStep}
waiting={this.state.waiting} />
<Steps.DemographicsStep onNextStep={this.register}
<Steps.DemographicsStep description={demographicsDescription}
onNextStep={this.register}
waiting={this.state.waiting} />
<Steps.ClassWelcomeStep classroom={this.state.classroom}
messages={this.props.messages}