web: components: fix

web/ASC.Web.Components/src/components/context-menu-button/index.js

@@ -52,6 +52,8 @@ class ContextMenuButton extends React.Component {
           color={this.props.color}
           size={this.props.size}
           iconName={this.props.iconName}
+          iconHoverName={this.props.iconHoverName}
+          iconClickName={this.props.iconClickName}
           isFill={false}
           isDisabled={this.props.isDisabled}
           onClick={

web/ASC.Web.Components/src/components/search-input/filter-button.js

@@ -1,50 +1,19 @@
 import React from "react";
 import ContextMenuButton from '../context-menu-button';
 
-class FilterButton extends React.Component {
+const FilterButton = props => {
-    constructor(props) {
+  return (
-      super(props);
+    <ContextMenuButton
-  
-      this.state = {
-        hover: false,
-        isMouseOver: false
-      };
-  
-      this.onMouseEnter = this.onMouseEnter.bind(this);
-      this.onMouseLeave = this.onMouseLeave.bind(this);
-      this.onMouseOver = this.onMouseOver.bind(this);
-      this.onMouseOut = this.onMouseOut.bind(this);
-    }
-  
-    onMouseEnter(){
-      this.setState({isMouseOver: true})
-    }
-    onMouseLeave(){
-      this.setState({isMouseOver: false})
-    }
-    onMouseOver(){
-      let _this = this;
-      setTimeout(function(){ if(_this.state.isMouseOver){ _this.setState({hover: true})}},30);
-    }
-    onMouseOut(){
-      let _this = this;
-      setTimeout(function(){ if(!_this.state.isMouseOver){_this.setState({hover: false})}},30);
-    }
-    render() {
-      return (
-        <ContextMenuButton
           title={'Actions'}
-          iconName={this.state.hover ? 'RectangleFilterHoverIcon' : 'RectangleFilterIcon'}
+          iconName={'RectangleFilterIcon'}
           color='#A3A9AE'
-          size={this.props.iconSize}
+          size={props.iconSize}
-          isDisabled={this.props.isDisabled}
+          isDisabled={props.isDisabled}
-          getData={this.props.getData}
+          getData={props.getData}
-          onMouseOver={this.onMouseOver} 
+          iconHoverName={'RectangleFilterHoverIcon'}
-          onMouseOut={this.onMouseOut} 
+          iconClickName={'RectangleFilterClickIcon'}
-          onMouseEnter={this.onMouseEnter}
+      ></ContextMenuButton>
-          onMouseLeave={this.onMouseLeave}
+  );
-        ></ContextMenuButton>
+};
-      );
+
-    }
+export default FilterButton
-  }
-  export default FilterButton