mirror of
https://github.com/mattermost/mattermost.git
synced 2025-02-25 18:55:24 -06:00
2bbedd9def
* Updating client dependancies. Switching to using yarn. * Updating React * Moving pure components to using function syntax (performance gains with newer react version) * Updating client dependancies. * Ignore .yarninstall * Enabling pre-lockfile because it's the entire point of using yarn. * Removing old webpack config * Moving to new prop-types * Fixing ESLint Errors * Updating jest snapshots. * Cleaning up package.json
52 lines
1.2 KiB
JavaScript
52 lines
1.2 KiB
JavaScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See License.txt for license information.
|
|
|
|
import Constants from 'utils/constants.jsx';
|
|
|
|
import PropTypes from 'prop-types';
|
|
|
|
import React from 'react';
|
|
|
|
export default function StatusIcon(props) {
|
|
const status = props.status;
|
|
const type = props.type;
|
|
|
|
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;
|
|
} 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 = {
|
|
className: ''
|
|
};
|
|
|
|
StatusIcon.propTypes = {
|
|
status: PropTypes.string,
|
|
className: PropTypes.string,
|
|
type: PropTypes.string
|
|
};
|