fix: issue #120

Author: yoution

src/components/TCForm/utils.js

@@ -2,29 +2,9 @@
  * TC Form utilty
  */
 import _ from "lodash";
+import { getSelectOptionByValue } from "utils/helpers";
 import { FORM_FIELD_TYPE } from "../../constants";
 
-/**
- * Returns the option from list of option by value
- *
- * @param {any} value value of option
- * @param {[{ label: string, value: any }]} selectOptions list of option
- *
- * @returns {{ label: string, value: any }} select option
- */
-const getSelectOptionByValue = (value, selectOptions) => {
-  const option = _.find(selectOptions, { value });
-
-  if (!option) {
-    return {
-      label: `Unsuppored value: ${value}`,
-      value,
-    };
-  }
-
-  return option;
-};
-
 /**
  * Extract value from field by type
  * @param {any} value value

src/routes/JobDetails/index.jsx

@@ -12,6 +12,7 @@ import PageHeader from "../../components/PageHeader";
 import { useData } from "hooks/useData";
 import { getJobById } from "services/jobs";
 import { getSkills } from "services/skills";
+import { getSelectOptionByValue } from "utils/helpers";
 import LoadingIndicator from "../../components/LoadingIndicator";
 import MarkdownEditorViewer from "../../components/MarkdownEditorViewer";
 import withAuthentication from "../../hoc/withAuthentication";
@@ -85,9 +86,9 @@ const JobDetails = ({ teamId, jobId }) => {
               </DataItem>
               <DataItem title="Resource Type" icon={<IconDescription />}>
                 {_.get(
-                  _.find(
-                    RESOURCE_TYPE_OPTIONS,
-                    (t) => t.value === job.resourceType
+                  getSelectOptionByValue(
+                    job.resourceType,
+                    RESOURCE_TYPE_OPTIONS
                   ),
                   "label"
                 )}

src/utils/helpers.js

@@ -17,3 +17,24 @@ export const delay = (duration) =>
   new Promise((resolve) => {
     setTimeout(resolve, duration);
   });
+
+/**
+ * Returns the option from list of option by value
+ *
+ * @param {any} value value of option
+ * @param {[{ label: string, value: any }]} selectOptions list of option
+ *
+ * @returns {{ label: string, value: any }} select option
+ */
+export const getSelectOptionByValue = (value, selectOptions) => {
+  const option = _.find(selectOptions, { value });
+
+  if (!option) {
+    return {
+      label: `Unsuppored value: ${value}`,
+      value,
+    };
+  }
+
+  return option;
+};