web: components: fix
This commit is contained in:
parent
b9fa434f64
commit
466b2d1e08
@ -50,6 +50,8 @@ class ContextMenuButton extends React.Component {
|
||||
<StyledOuther ref={this.ref}>
|
||||
<IconButton
|
||||
color={this.props.color}
|
||||
hoverColor={this.props.hoverColor}
|
||||
clickColor={this.props.clickColor}
|
||||
size={this.props.size}
|
||||
iconName={this.props.iconName}
|
||||
iconHoverName={this.props.iconHoverName}
|
||||
|
@ -1,49 +1,19 @@
|
||||
import React from "react";
|
||||
import IconButton from '../icon-button';
|
||||
|
||||
class CloseButton 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() {
|
||||
const CloseButton = props => {
|
||||
return (
|
||||
<IconButton
|
||||
color={this.state.hover ? '#333' : "#D8D8D8"}
|
||||
color={"#D8D8D8"}
|
||||
hoverColor={"#333"}
|
||||
clickColor={"#333"}
|
||||
size={10}
|
||||
iconName={'CrossIcon'}
|
||||
isFill={true}
|
||||
isDisabled={this.props.isDisabled}
|
||||
onClick={!this.props.isDisabled ? ((e) => this.props.onClick()) : undefined}
|
||||
|
||||
onMouseOver={this.onMouseOver}
|
||||
onMouseOut={this.onMouseOut}
|
||||
onMouseEnter={this.onMouseEnter}
|
||||
onMouseLeave={this.onMouseLeave}
|
||||
isDisabled={props.isDisabled}
|
||||
onClick={!props.isDisabled ? ((e) => props.onClick()) : undefined}
|
||||
/>
|
||||
);
|
||||
}
|
||||
}
|
||||
export default CloseButton
|
||||
};
|
||||
|
||||
export default CloseButton
|
Loading…
Reference in New Issue
Block a user