fix: hide remove button from chip when readOnly and only one chip

nexxtway · Jun 26, 2020 · e3c7acc · e3c7acc
1 parent 6285055
commit e3c7acc
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/MultiSelect/chips.js b/src/components/MultiSelect/chips.js
@@ -11,7 +11,6 @@ function Chips(props) {
     if (Array.isArray(value)) {
         return value.map(val => {
             const onDeleteCallback = disabled || readOnly ? null : () => onDelete(val);
-
             return (
                 <StyledChip
                     key={val.name}
@@ -22,7 +21,8 @@ function Chips(props) {
             );
         });
     }
-    return <StyledChip label={value.label} variant={variant} onDelete={() => onDelete(value)} />;
+    const onDeleteCallback = disabled || readOnly ? null : () => onDelete(value);
+    return <StyledChip label={value.label} variant={variant} onDelete={onDeleteCallback} />;
 }
 
 Chips.propTypes = {