From daf92940e8987faeb78c5101bab784eb4059df04 Mon Sep 17 00:00:00 2001
From: Hel Nershing Thapa <helnershingthapa@gmail.com>
Date: Tue, 26 Jul 2022 14:40:27 +0545
Subject: [PATCH] Disable country selection dropdown when the form is being
 submitted

All the other form input fields, except the country selection dropdown, were being disable when the form was being submitted, so adding it
---
 frontend/src/components/formInputs.js                     | 3 ++-
 frontend/src/components/user/forms/personalInformation.js | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/formInputs.js b/frontend/src/components/formInputs.js
index 5a314dcd38..be9cdab7ae 100644
--- a/frontend/src/components/formInputs.js
+++ b/frontend/src/components/formInputs.js
@@ -102,7 +102,7 @@ export function OrganisationSelectInput({ className }) {
   );
 }
 
-export function UserCountrySelect({ className }: Object) {
+export function UserCountrySelect({ className, isDisabled = false }: Object) {
   const locale = useSelector((state) => state.preferences.locale);
   const [options, setOptions] = useState([]);
 
@@ -125,6 +125,7 @@ export function UserCountrySelect({ className }: Object) {
       {(props) => (
         <Select
           classNamePrefix="react-select"
+          isDisabled={isDisabled}
           isClearable={false}
           options={options}
           placeholder={
diff --git a/frontend/src/components/user/forms/personalInformation.js b/frontend/src/components/user/forms/personalInformation.js
index 540fc8ecdf..ea097c5ba1 100644
--- a/frontend/src/components/user/forms/personalInformation.js
+++ b/frontend/src/components/user/forms/personalInformation.js
@@ -192,7 +192,7 @@ function _PersonalInformationForm({ userDetails, token, pushUserDetails }) {
                   <label className={labelClasses}>
                     <FormattedMessage {...messages.country} />
                   </label>
-                  <UserCountrySelect className={fieldClasses} />
+                  <UserCountrySelect className={fieldClasses} isDisabled={submitting} />
                 </div>
                 {textInputFields.map((field) => (
                   <div key={field.name}>