Treat cleared fields as empty string rather than null

react-final-form submitting attribute doesn't behave as expected when using allowNull props, so had to remove it
faebebin · Jul 26, 2022 · 74cf9d7 · 74cf9d7
1 parent 3525072
commit 74cf9d7
Showing 1 changed file with 5 additions and 10 deletions.
diff --git a/frontend/src/components/user/forms/personalInformation.js b/frontend/src/components/user/forms/personalInformation.js
@@ -160,8 +160,7 @@ function _PersonalInformationForm(props) {
                     type="text"
                     className={fieldClasses}
                     autoComplete="address-level2"
-                    allowNull
-                    parse={(value) => (!value.trim() ? null : value)}
+                    parse={(value) => (!value.trim() ? '' : value)}
                   />
                 </div>
                 <div className="w-100 w-50-ns fl pl3-ns">
@@ -181,8 +180,7 @@ function _PersonalInformationForm(props) {
                     component="input"
                     type="text"
                     validate={composeValidators(isUrl)}
-                    allowNull
-                    parse={(value) => (!value.trim() ? null : value)}
+                    parse={(value) => (!value.trim() ? '' : value)}
                   >
                     {({ input, meta }) => (
                       <div>
@@ -199,8 +197,7 @@ function _PersonalInformationForm(props) {
                     component="input"
                     type="text"
                     validate={composeValidators(isUrl)}
-                    allowNull
-                    parse={(value) => (!value.trim() ? null : value)}
+                    parse={(value) => (!value.trim() ? '' : value)}
                   >
                     {({ input, meta }) => (
                       <div>
@@ -219,8 +216,7 @@ function _PersonalInformationForm(props) {
                     component="input"
                     type="text"
                     validate={composeValidators(isUrl)}
-                    allowNull
-                    parse={(value) => (!value.trim() ? null : value)}
+                    parse={(value) => (!value.trim() ? '' : value)}
                   >
                     {({ input, meta }) => (
                       <div>
@@ -237,8 +233,7 @@ function _PersonalInformationForm(props) {
                     component="input"
                     type="text"
                     validate={composeValidators(isUrl)}
-                    allowNull
-                    parse={(value) => (!value.trim() ? null : value)}
+                    parse={(value) => (!value.trim() ? '' : value)}
                   >
                     {({ input, meta }) => (
                       <div>