From 82f0a34a220cc53a57f519a21d60786df9e9fefc Mon Sep 17 00:00:00 2001
From: Michael Baghel <michael.baghel@gmail.com>
Date: Mon, 5 Jul 2021 17:00:44 +0400
Subject: [PATCH] fix: validate resources and duration fields when both
 deleted.

---
 .../components/TeamDetailsModal/index.jsx          | 14 +++++++++++---
 .../components/TeamDetailsModal/utils/validator.js |  7 +++++--
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/routes/CreateNewTeam/components/TeamDetailsModal/index.jsx b/src/routes/CreateNewTeam/components/TeamDetailsModal/index.jsx
index b2859592..30d89b08 100644
--- a/src/routes/CreateNewTeam/components/TeamDetailsModal/index.jsx
+++ b/src/routes/CreateNewTeam/components/TeamDetailsModal/index.jsx
@@ -18,7 +18,7 @@ import { deleteSearchedRole } from "../../actions";
 import IconCrossLight from "../../../../assets/images/icon-cross-light.svg";
 import "./styles.module.scss";
 import NumberInput from "components/NumberInput";
-import validator from "./utils/validator";
+import { validator, validateExists } from "./utils/validator";
 
 const Error = ({ name }) => {
   const {
@@ -137,7 +137,11 @@ function TeamDetailsModal({ open, onClose, submitForm, addedRoles }) {
                   <tr styleName="role-row" key={id}>
                     <td>{name}</td>
                     <td>
-                      <Field name={`${id}.numberOfResources`} initialValue="3">
+                      <Field
+                        validate={validateExists}
+                        name={`${id}.numberOfResources`}
+                        initialValue="3"
+                      >
                         {({ input, meta }) => (
                           <NumberInput
                             name={input.name}
@@ -153,7 +157,11 @@ function TeamDetailsModal({ open, onClose, submitForm, addedRoles }) {
                       <Error name={`${id}.numberOfResources`} />
                     </td>
                     <td>
-                      <Field name={`${id}.durationWeeks`} initialValue="20">
+                      <Field
+                        validate={validateExists}
+                        name={`${id}.durationWeeks`}
+                        initialValue="20"
+                      >
                         {({ input, meta }) => (
                           <NumberInput
                             name={input.name}
diff --git a/src/routes/CreateNewTeam/components/TeamDetailsModal/utils/validator.js b/src/routes/CreateNewTeam/components/TeamDetailsModal/utils/validator.js
index ac4f7646..9e1a9caf 100644
--- a/src/routes/CreateNewTeam/components/TeamDetailsModal/utils/validator.js
+++ b/src/routes/CreateNewTeam/components/TeamDetailsModal/utils/validator.js
@@ -9,7 +9,6 @@ const validateNumber = (number) => {
   const converted = Number(number);
 
   if (
-    !number ||
     Number.isNaN(converted) ||
     converted !== Math.floor(converted) ||
     converted < 1
@@ -57,4 +56,8 @@ const validator = (values) => {
   return errors;
 };
 
-export default validator;
+const validateExists = (value) => {
+  return value === undefined ? "Please enter a positive integer" : undefined;
+};
+
+export { validator, validateExists };