diff --git a/packages/asc-web-common/components/AdvancedSelector/sub-components/Option.js b/packages/asc-web-common/components/AdvancedSelector/sub-components/Option.js index e96f9e5fc2..d27edf0ced 100644 --- a/packages/asc-web-common/components/AdvancedSelector/sub-components/Option.js +++ b/packages/asc-web-common/components/AdvancedSelector/sub-components/Option.js @@ -13,13 +13,18 @@ const Option = ({ avatarUrl, label, keyProp, - tooltipProps, onOptionChange, onLinkClick, isLoader, loadingLabel, }) => { - console.log("render option", index, isLoader); + const onOptionChangeAction = React.useCallback(() => { + onOptionChange && onOptionChange(index, isChecked); + }, [onOptionChange, index, isChecked]); + + const onLinkClickAction = React.useCallback(() => { + onLinkClick && onLinkClick(index); + }, [onLinkClick, index]); return isLoader ? (
@@ -43,8 +48,7 @@ const Option = ({ className="row-option" value={`${index}`} name={`selector-row-option-${index}`} - onClick={() => onOptionChange(index, isChecked)} - {...tooltipProps} + onClick={onOptionChangeAction} >
onLinkClick(index)} - {...tooltipProps} + onClick={onLinkClickAction} >
{ const option = options[index]; const isChecked = isOptionChecked(option); - let tooltipProps = {}; ReactTooltip.rebuild(); @@ -264,7 +263,6 @@ const Selector = (props) => { style={style} {...option} isChecked={isChecked} - tooltipProps={tooltipProps} onOptionChange={onOptionChange} onLinkClick={onLinkClick} isMultiSelect={isMultiSelect} @@ -379,6 +377,7 @@ const Selector = (props) => { if (groups.length === 0) { return