FIX (add new): disallow to add value with same valiuField

sanusart · Feb 28, 2019 · ae454c4 · ae454c4
1 parent cd579c5
commit ae454c4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/Dropdown.js b/src/components/Dropdown.js
@@ -40,8 +40,11 @@ const Dropdown = ({ props, state, methods }) => (
       props.dropdownRenderer({ props, state, methods })
     ) : (
       <React.Fragment>
-        {props.create && state.search && !valueExistInSelected(state.search, state.values) && (
-          <AddNew color={props.color} onClick={() => methods.createNew(state.search)}>
+        {props.create && state.search && !valueExistInSelected(state.search, state.values, props) && (
+          <AddNew
+            className="react-dropdown-select-dropdown-add-new"
+            color={props.color}
+            onClick={() => methods.createNew(state.search)}>
             {props.createNewLabel.replace('{search}', `"${state.search}"`)}
           </AddNew>
         )}

diff --git a/src/util.js b/src/util.js
@@ -1,4 +1,5 @@
-export const valueExistInSelected = (value, values) => !!values.find((val) => val.value === value);
+export const valueExistInSelected = (value, values, props) =>
+  !!values.find((val) => val[props['valueField']] === value);
 
 export const hexToRGBA = (hex, alpha) => {
   const RR = parseInt(hex.slice(1, 3), 16);