From bca11b11913f5066a89db6a5998791d7f39f8525 Mon Sep 17 00:00:00 2001
From: Ben Wheeler <wheeler.benjamin@gmail.com>
Date: Thu, 8 Aug 2019 08:40:21 -0400
Subject: [PATCH] pass disabled prop to formik-select

---
 src/components/formik-forms/formik-select.jsx | 1 +
 src/components/join-flow/country-step.jsx     | 7 +++----
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/formik-forms/formik-select.jsx b/src/components/formik-forms/formik-select.jsx
index defff80ef..4578d8a64 100644
--- a/src/components/formik-forms/formik-select.jsx
+++ b/src/components/formik-forms/formik-select.jsx
@@ -17,6 +17,7 @@ const FormikSelect = ({
 }) => {
     const optionsList = options.map((item, index) => (
         <option
+            disabled={item.disabled}
             key={index}
             value={item.value}
         >
diff --git a/src/components/join-flow/country-step.jsx b/src/components/join-flow/country-step.jsx
index d9cc6eb8e..50850562a 100644
--- a/src/components/join-flow/country-step.jsx
+++ b/src/components/join-flow/country-step.jsx
@@ -12,16 +12,15 @@ const JoinFlowStep = require('./join-flow-step.jsx');
 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  {string} defaultCountry optional string of default country to put at top of list
- * @return {object}                ordered set of county options formatted for frc select
+ * @return {object}                ordered set of county options select
  */
 const getCountryOptions = reactIntl => {
     const processedCountryData = countryData.registrationCountryOptions;
     processedCountryData.unshift({
-        label: reactIntl.formatMessage({id: 'registration.selectCountry'}),
         disabled: true,
+        label: reactIntl.formatMessage({id: 'registration.selectCountry'}),
         value: 'null'
     });
     return processedCountryData;