tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use ES Class Fields & Static Properties (#3008)

Browse Source 
Use ES Class Fields & Static Properties (currently stage 2) for improve class outlook.

Added babel-plugin-transform-class-properties as a Babel plugin.
This commit is contained in:
Yamagishi Kazutoshi
2017-05-12 21:44:10 +09:00
committed by Eugen Rochko
parent 44a3584e2d
commit 2991a7cfe6
79 changed files with 838 additions and 1128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
app/javascript/mastodon/components/avatar.js
View File

@ -3,23 +3,31 @@ import PropTypes from 'prop-types';
class Avatar extends React.PureComponent {
constructor (props, context) {
super(props, context);
static propTypes = {
src: PropTypes.string.isRequired,
staticSrc: PropTypes.string,
size: PropTypes.number.isRequired,
style: PropTypes.object,
animate: PropTypes.bool,
inline: PropTypes.bool
};
this.state = {
hovering: false
};
static defaultProps = {
animate: false,
size: 20,
inline: false
};
this.handleMouseEnter = this.handleMouseEnter.bind(this);
this.handleMouseLeave = this.handleMouseLeave.bind(this);
}
state = {
hovering: true
};
handleMouseEnter () {
handleMouseEnter = () => {
if (this.props.animate) return;
this.setState({ hovering: true });
}
handleMouseLeave () {
handleMouseLeave = () => {
if (this.props.animate) return;
this.setState({ hovering: false });
}
@ -59,19 +67,4 @@ class Avatar extends React.PureComponent {
}
Avatar.propTypes = {
src: PropTypes.string.isRequired,
staticSrc: PropTypes.string,
size: PropTypes.number.isRequired,
style: PropTypes.object,
animate: PropTypes.bool,
inline: PropTypes.bool
};
Avatar.defaultProps = {
animate: false,
size: 20,
inline: false
};
export default Avatar;