scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-17 00:21:20 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

add birthdate month and year header labels, initial vals

Browse source
This commit is contained in:
Ben Wheeler 2019-07-17 11:55:27 -04:00
parent 71baf3e802
commit d6c34f83ae
1 changed files with 23 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
src/components/join-flow/join-flow-steps.jsx
View file

@ -206,24 +206,25 @@ module.exports.UsernameStep = IntlUsernameStep;
*/
const birthMonthIds = [
{value: 'null', id: 'general.monthJanuary'},
{value: 1, id: 'general.monthJanuary'},
{value: 2, id: 'general.monthFebruary'},
{value: 3, id: 'general.monthMarch'},
{value: 4, id: 'general.monthApril'},
{value: 5, id: 'general.monthMay'},
{value: 6, id: 'general.monthJune'},
{value: 7, id: 'general.monthJuly'},
{value: 8, id: 'general.monthAugust'},
{value: 9, id: 'general.monthSeptember'},
{value: 10, id: 'general.monthOctober'},
{value: 11, id: 'general.monthNovember'},
{value: 12, id: 'general.monthDecember'}
{value: 'null', id: 'general.month'},
{value: '1', id: 'general.monthJanuary'},
{value: '2', id: 'general.monthFebruary'},
{value: '3', id: 'general.monthMarch'},
{value: '4', id: 'general.monthApril'},
{value: '5', id: 'general.monthMay'},
{value: '6', id: 'general.monthJune'},
{value: '7', id: 'general.monthJuly'},
{value: '8', id: 'general.monthAugust'},
{value: '9', id: 'general.monthSeptember'},
{value: '10', id: 'general.monthOctober'},
{value: '11', id: 'general.monthNovember'},
{value: '12', id: 'general.monthDecember'}
];
const curYear = (new Date()).getYear() + 1900;
const birthYearOptions = Array(120).fill()
const curYearRaw = (new Date()).getYear();
const curYear = curYearRaw + 1900;
const birthYearOptions = Array(curYearRaw + 2).fill()
.map((_, i) => (
{value: curYear - i, label: curYear - i}
{value: String(curYear - i), label: String(curYear - i)}
));
class BirthDateStep extends React.Component {
@ -249,11 +250,15 @@ class BirthDateStep extends React.Component {
const birthMonthOptions = birthMonthIds.map(item => (
{value: item.value, label: this.props.intl.formatMessage({id: item.id})}
));
birthYearOptions[0] = {
value: 'null',
label: this.props.intl.formatMessage({id: 'general.year'})
};
return (
<Formik
initialValues={{
birth_month: '3',
birth_year: '2000'
birth_month: 'null',
birth_year: 'null'
}}
validate={this.validateForm}
validateOnBlur={false}