Merge pull request #94 from yoution/issue-84

fix: issue-84

Author: maxceem

src/components/FormField/index.jsx

@@ -46,6 +46,7 @@ const FormField = ({ field, isGroupField }) => {
             <TextInput
               placeholder={field.placeholder}
               value={input?.value ?? ""}
+              isRequired={field.isRequired}
               type="number"
               minValue={field.minValue}
               onChange={input.onChange}

src/components/TextInput/index.jsx

@@ -20,7 +20,12 @@ function TextInput(props) {
           if (event.target.value >= props.minValue) {
             props.onChange(event.target.value);
           } else {
-            props.onChange(props.minValue);
+            if (props.isRequired) {
+              props.onChange(props.minValue);
+            } else {
+              // can delete the number
+              props.onChange("");
+            }
           }
         } else {
           props.onChange(event.target.value);

src/routes/JobDetails/index.jsx

@@ -64,8 +64,8 @@ const JobDetails = ({ teamId, jobId }) => {
               <DataItem title="Start Date" icon={<IconDescription />}>
                 {formatDate(job.startDate)}
               </DataItem>
-              <DataItem title="End Date" icon={<IconDescription />}>
-                {formatDate(job.endDate)}
+              <DataItem title="Duration" icon={<IconDescription />}>
+                {job.duration || "TBD"}
               </DataItem>
               <DataItem title="Resource Type" icon={<IconDescription />}>
                 {job.resourceType}

src/routes/JobForm/index.jsx

@@ -66,7 +66,7 @@ const JobForm = ({ teamId, jobId }) => {
       description: values.description,
       title: values.title,
       startDate: values.startDate,
-      endDate: values.endDate,
+      duration: values.duration,
       numPositions: values.numPositions,
       resourceType: values.resourceType,
       rateType: values.rateType,

src/routes/JobForm/utils.js

@@ -14,7 +14,7 @@ const CREATE_JOB_ROWS = [
   { type: FORM_ROW_TYPE.SINGLE, fields: ["description"] },
   { type: FORM_ROW_TYPE.SINGLE, fields: ["numPositions"] },
   { type: FORM_ROW_TYPE.SINGLE, fields: ["skills"] },
-  { type: FORM_ROW_TYPE.GROUP, fields: ["startDate", "endDate"] },
+  { type: FORM_ROW_TYPE.GROUP, fields: ["startDate", "duration"] },
   { type: FORM_ROW_TYPE.SINGLE, fields: ["resourceType"] },
   { type: FORM_ROW_TYPE.SINGLE, fields: ["rateType"] },
   { type: FORM_ROW_TYPE.SINGLE, fields: ["workload"] },
@@ -26,7 +26,7 @@ const EDIT_JOB_ROWS = [
   { type: FORM_ROW_TYPE.SINGLE, fields: ["description"] },
   { type: FORM_ROW_TYPE.SINGLE, fields: ["numPositions"] },
   { type: FORM_ROW_TYPE.SINGLE, fields: ["skills"] },
-  { type: FORM_ROW_TYPE.GROUP, fields: ["startDate", "endDate"] },
+  { type: FORM_ROW_TYPE.GROUP, fields: ["startDate", "duration"] },
   { type: FORM_ROW_TYPE.SINGLE, fields: ["resourceType"] },
   { type: FORM_ROW_TYPE.SINGLE, fields: ["rateType"] },
   { type: FORM_ROW_TYPE.SINGLE, fields: ["workload"] },
@@ -79,10 +79,11 @@ export const getEditJobConfig = (skillOptions, onSubmit) => {
         placeholder: "Start Date",
       },
       {
-        label: "End Date",
-        type: FORM_FIELD_TYPE.DATE,
-        name: "endDate",
-        placeholder: "End Date",
+        label: "Duration",
+        type: FORM_FIELD_TYPE.NUMBER,
+        name: "duration",
+        minValue: 1,
+        placeholder: "Duration",
       },
       {
         label: "Resource Type",
@@ -163,10 +164,11 @@ export const getCreateJobConfig = (skillOptions, onSubmit) => {
         placeholder: "Start Date",
       },
       {
-        label: "End Date",
-        type: FORM_FIELD_TYPE.DATE,
-        name: "endDate",
-        placeholder: "End Date",
+        label: "Duration",
+        type: FORM_FIELD_TYPE.NUMBER,
+        name: "duration",
+        minValue: 1,
+        placeholder: "Duration",
       },
       {
         label: "Resource Type",