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 ;
}
+
return (
{({ width, height }) => (
@@ -446,7 +445,6 @@ const Selector = (props) => {
}, [isMultiSelect, groupHeader, selectedOptionList, getGroupSelectedOptions]);
const renderOptionList = React.useCallback(() => {
- console.log("option list render");
return (
{({ width, height }) => (
@@ -487,8 +485,6 @@ const Selector = (props) => {
onArrowClick && onArrowClick();
}, [groups, groupHeader, onArrowClick, onGroupChanged]);
- console.log("render selector");
-
return (
(
-
-);
+
/* eslint-enable react/prop-types */
/* eslint-enable no-unused-vars */
-const StyledSelector = styled(Container)`
+const StyledSelector = styled.div`
display: grid;
height: 100%;