pass disabled prop to formik-select

This commit is contained in:
Ben Wheeler 2019-08-08 08:40:21 -04:00
parent 7a4925ddba
commit bca11b1191
2 changed files with 4 additions and 4 deletions

View file

@ -17,6 +17,7 @@ const FormikSelect = ({
}) => { }) => {
const optionsList = options.map((item, index) => ( const optionsList = options.map((item, index) => (
<option <option
disabled={item.disabled}
key={index} key={index}
value={item.value} value={item.value}
> >

View file

@ -12,16 +12,15 @@ const JoinFlowStep = require('./join-flow-step.jsx');
require('./join-flow-steps.scss'); require('./join-flow-steps.scss');
/** /**
* Return a list of options to give to select * Return a list of country options to give to select
* @param {object} reactIntl react-intl, used to localize strings * @param {object} reactIntl react-intl, used to localize strings
* @param {string} defaultCountry optional string of default country to put at top of list * @return {object} ordered set of county options select
* @return {object} ordered set of county options formatted for frc select
*/ */
const getCountryOptions = reactIntl => { const getCountryOptions = reactIntl => {
const processedCountryData = countryData.registrationCountryOptions; const processedCountryData = countryData.registrationCountryOptions;
processedCountryData.unshift({ processedCountryData.unshift({
label: reactIntl.formatMessage({id: 'registration.selectCountry'}),
disabled: true, disabled: true,
label: reactIntl.formatMessage({id: 'registration.selectCountry'}),
value: 'null' value: 'null'
}); });
return processedCountryData; return processedCountryData;