Files
mattermost/webapp/components/unread_channel_indicator.jsx
Christopher Speller 2bbedd9def Updating client dependencies. Switching to yarn. (#6433)
* 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
2017-05-18 09:28:18 -04:00

35 lines
903 B
JavaScript

import PropTypes from 'prop-types';
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.
// Indicator for the left sidebar which indicate if there's unread posts in a channel that is not shown
// because it is either above or below the screen
import React from 'react';
export default function UnreadChannelIndicator(props) {
let displayValue = 'none';
if (props.show) {
displayValue = 'block';
}
return (
<div
className={'nav-pills__unread-indicator ' + props.extraClass}
style={{display: displayValue}}
>
{props.text}
</div>
);
}
UnreadChannelIndicator.defaultProps = {
show: false,
extraClass: '',
text: ''
};
UnreadChannelIndicator.propTypes = {
show: PropTypes.bool,
extraClass: PropTypes.string,
text: PropTypes.object
};