IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: components: fix

Browse Source
This commit is contained in:
NikolayRechkin 2019-07-18 16:22:29 +03:00
parent ea70f66d24
commit 4a359d52f0
2 changed files with 16 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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={

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

@ -1,50 +1,19 @@
import React from "react";
import ContextMenuButton from '../context-menu-button';
class FilterButton extends React.Component {
constructor(props) {
super(props);
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
const FilterButton = props => {
return (
<ContextMenuButton
title={'Actions'}
iconName={this.state.hover ? 'RectangleFilterHoverIcon' : 'RectangleFilterIcon'}
iconName={'RectangleFilterIcon'}
color='#A3A9AE'
size={this.props.iconSize}
isDisabled={this.props.isDisabled}
getData={this.props.getData}
onMouseOver={this.onMouseOver}
onMouseOut={this.onMouseOut}
onMouseEnter={this.onMouseEnter}
onMouseLeave={this.onMouseLeave}
></ContextMenuButton>
);
}
}
export default FilterButton
size={props.iconSize}
isDisabled={props.isDisabled}
getData={props.getData}
iconHoverName={'RectangleFilterHoverIcon'}
iconClickName={'RectangleFilterClickIcon'}
></ContextMenuButton>
);
};
export default FilterButton