fix: readjust order of split

Chia-Network · Mar 10, 2022 · 55f372b · 55f372b
1 parent 8ed509d
commit 55f372b
Showing 1 changed file with 24 additions and 24 deletions.
diff --git a/src/components/forms/SplitUnitForm.js b/src/components/forms/SplitUnitForm.js
@@ -275,33 +275,31 @@ const SplitUnitForm = ({ onClose, record }) => {
                       <StyledLabelContainer>
                         <Body>
                           <LabelContainer>
-                            <FormattedMessage id="in-country-jurisdiction-of-owner" />
+                            <FormattedMessage id="country-jurisdiction-of-owner" />
                           </LabelContainer>
                           <ToolTipContainer
                             tooltip={intl.formatMessage({
-                              id: 'units-in-country-jurisdiction-of-owner-description',
+                              id: 'units-country-jurisdiction-of-owner-description',
                             })}>
                             <DescriptionIcon height="14" width="14" />
                           </ToolTipContainer>
                         </Body>
                       </StyledLabelContainer>
                       <InputContainer>
-                        <StandardInput
-                          size={InputSizeEnum.large}
-                          placeholderText={intl.formatMessage({
-                            id: 'in-country-jurisdiction-of-owner',
-                          })}
+                        <Select
+                          size={SelectSizeEnum.large}
+                          type={SelectTypeEnum.basic}
+                          options={selectCountriesOptions}
                           state={
                             unitIsSplitable
-                              ? InputStateEnum.default
-                              : InputStateEnum.disabled
+                              ? SelectStateEnum.default
+                              : SelectStateEnum.disabled
                           }
-                          value={unit.inCountryJurisdictionOfOwner}
-                          onChange={value =>
+                          onChange={selectedOptions =>
                             setData(prevData => {
                               const newData = [...prevData];
-                              newData[index].inCountryJurisdictionOfOwner =
-                                value;
+                              newData[index].countryJurisdictionOfOwner =
+                                selectedOptions[0].value;
                               return newData;
                             })
                           }
@@ -312,31 +310,33 @@ const SplitUnitForm = ({ onClose, record }) => {
                       <StyledLabelContainer>
                         <Body>
                           <LabelContainer>
-                            <FormattedMessage id="country-jurisdiction-of-owner" />
+                            <FormattedMessage id="in-country-jurisdiction-of-owner" />
                           </LabelContainer>
                           <ToolTipContainer
                             tooltip={intl.formatMessage({
-                              id: 'units-country-jurisdiction-of-owner-description',
+                              id: 'units-in-country-jurisdiction-of-owner-description',
                             })}>
                             <DescriptionIcon height="14" width="14" />
                           </ToolTipContainer>
                         </Body>
                       </StyledLabelContainer>
                       <InputContainer>
-                        <Select
-                          size={SelectSizeEnum.large}
-                          type={SelectTypeEnum.basic}
-                          options={selectCountriesOptions}
+                        <StandardInput
+                          size={InputSizeEnum.large}
+                          placeholderText={intl.formatMessage({
+                            id: 'in-country-jurisdiction-of-owner',
+                          })}
                           state={
                             unitIsSplitable
-                              ? SelectStateEnum.default
-                              : SelectStateEnum.disabled
+                              ? InputStateEnum.default
+                              : InputStateEnum.disabled
                           }
-                          onChange={selectedOptions =>
+                          value={unit.inCountryJurisdictionOfOwner}
+                          onChange={value =>
                             setData(prevData => {
                               const newData = [...prevData];
-                              newData[index].countryJurisdictionOfOwner =
-                                selectedOptions[0].value;
+                              newData[index].inCountryJurisdictionOfOwner =
+                                value;
                               return newData;
                             })
                           }