From ba79828fa337cedd46b825548c71dfa9b925085b Mon Sep 17 00:00:00 2001 From: Hans Date: Fri, 11 Aug 2023 15:41:55 +0700 Subject: [PATCH] change icon props name --- src/components/Icon/index.js | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/components/Icon/index.js b/src/components/Icon/index.js index 6e8eab738ab4..5cdd5c79704d 100644 --- a/src/components/Icon/index.js +++ b/src/components/Icon/index.js @@ -27,10 +27,10 @@ const propTypes = { inline: PropTypes.bool, /** Is icon hovered */ - isHovered: PropTypes.bool, + hovered: PropTypes.bool, /** Is icon pressed */ - isPressed: PropTypes.bool, + pressed: PropTypes.bool, // eslint-disable-next-line react/forbid-prop-types additionalStyles: PropTypes.arrayOf(PropTypes.object), @@ -43,8 +43,8 @@ const defaultProps = { small: false, inline: false, additionalStyles: [], - isHovered: false, - isPressed: false, + hovered: false, + pressed: false, }; // We must use a class component to create an animatable component with the Animated API @@ -66,8 +66,8 @@ class Icon extends PureComponent { width={width} height={height} fill={this.props.fill} - hovered={this.props.isHovered.toString()} - pressed={this.props.isPressed.toString()} + hovered={this.props.hovered.toString()} + pressed={this.props.pressed.toString()} /> @@ -83,8 +83,8 @@ class Icon extends PureComponent { width={width} height={height} fill={this.props.fill} - hovered={this.props.isHovered.toString()} - pressed={this.props.isPressed.toString()} + hovered={this.props.hovered.toString()} + pressed={this.props.pressed.toString()} /> );