fix: show unsupported job skills

ref issue #84

Author: maxceem

src/components/TCForm/utils.js

@@ -4,6 +4,27 @@
 import _ from "lodash";
 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
@@ -18,12 +39,14 @@ const extractValue = (value, field) => {
   switch (field.type) {
     case FORM_FIELD_TYPE.SELECT: {
       return field.isMulti
-        ? value.map((x) => field.selectOptions.find((y) => y.value === x))
-        : field.selectOptions.find((y) => y.value === value);
+        ? value.map((valueItem) => getSelectOptionByValue(valueItem, field.selectOptions))
+        : getSelectOptionByValue(value, field.selectOptions)
     }
+
     case FORM_FIELD_TYPE.DATE: {
       return new Date(value);
     }
+
     default: {
       return value;
     }