Accept null values from unrequired fields

When input field is cleared or it consists of only white-space characters, 'null' will be sent as the payload
faebebin · Jul 24, 2022 · 10bdd56 · 10bdd56
1 parent c3f0777
commit 10bdd56
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/frontend/src/components/user/forms/personalInformation.js b/frontend/src/components/user/forms/personalInformation.js
@@ -149,6 +149,8 @@ function _PersonalInformationForm(props) {
                     type="text"
                     className={fieldClasses}
                     autoComplete="address-level2"
+                    allowNull
+                    parse={(value) => (!value.trim() ? null : value)}
                   />
                 </div>
                 <div className="w-100 w-50-ns fl pl3-ns">
@@ -168,6 +170,8 @@ function _PersonalInformationForm(props) {
                     component="input"
                     type="text"
                     validate={composeValidators(isUrl)}
+                    allowNull
+                    parse={(value) => (!value.trim() ? null : value)}
                   >
                     {({ input, meta }) => (
                       <div>
@@ -184,6 +188,8 @@ function _PersonalInformationForm(props) {
                     component="input"
                     type="text"
                     validate={composeValidators(isUrl)}
+                    allowNull
+                    parse={(value) => (!value.trim() ? null : value)}
                   >
                     {({ input, meta }) => (
                       <div>
@@ -202,6 +208,8 @@ function _PersonalInformationForm(props) {
                     component="input"
                     type="text"
                     validate={composeValidators(isUrl)}
+                    allowNull
+                    parse={(value) => (!value.trim() ? null : value)}
                   >
                     {({ input, meta }) => (
                       <div>
@@ -218,6 +226,8 @@ function _PersonalInformationForm(props) {
                     component="input"
                     type="text"
                     validate={composeValidators(isUrl)}
+                    allowNull
+                    parse={(value) => (!value.trim() ? null : value)}
                   >
                     {({ input, meta }) => (
                       <div>