diff options
Diffstat (limited to 'webapp/components/status_icon.jsx')
-rw-r--r-- | webapp/components/status_icon.jsx | 59 |
1 files changed, 29 insertions, 30 deletions
diff --git a/webapp/components/status_icon.jsx b/webapp/components/status_icon.jsx index 07416e6fc..2a891d665 100644 --- a/webapp/components/status_icon.jsx +++ b/webapp/components/status_icon.jsx @@ -3,42 +3,41 @@ import Constants from 'utils/constants.jsx'; +import PropTypes from 'prop-types'; + import React from 'react'; -export default class StatusIcon extends React.Component { - render() { - const status = this.props.status; - const type = this.props.type; +export default function StatusIcon(props) { + const status = props.status; + const type = props.type; - if (!status) { - return null; - } + if (!status) { + return null; + } - let statusIcon = ''; - if (type === 'avatar') { - if (status === 'online') { - statusIcon = Constants.ONLINE_AVATAR_SVG; - } else if (status === 'away') { - statusIcon = Constants.AWAY_AVATAR_SVG; - } else { - statusIcon = Constants.OFFLINE_AVATAR_SVG; - } - } else if (status === 'online') { - statusIcon = Constants.ONLINE_ICON_SVG; + let statusIcon = ''; + if (type === 'avatar') { + if (status === 'online') { + statusIcon = Constants.ONLINE_AVATAR_SVG; } else if (status === 'away') { - statusIcon = Constants.AWAY_ICON_SVG; + statusIcon = Constants.AWAY_AVATAR_SVG; } else { - statusIcon = Constants.OFFLINE_ICON_SVG; + statusIcon = Constants.OFFLINE_AVATAR_SVG; } - - return ( - <span - className={'status ' + this.props.className} - dangerouslySetInnerHTML={{__html: statusIcon}} - /> - ); + } else if (status === 'online') { + statusIcon = Constants.ONLINE_ICON_SVG; + } else if (status === 'away') { + statusIcon = Constants.AWAY_ICON_SVG; + } else { + statusIcon = Constants.OFFLINE_ICON_SVG; } + return ( + <span + className={'status ' + props.className} + dangerouslySetInnerHTML={{__html: statusIcon}} + /> + ); } StatusIcon.defaultProps = { @@ -46,7 +45,7 @@ StatusIcon.defaultProps = { }; StatusIcon.propTypes = { - status: React.PropTypes.string, - className: React.PropTypes.string, - type: React.PropTypes.string + status: PropTypes.string, + className: PropTypes.string, + type: PropTypes.string }; |