summaryrefslogtreecommitdiffstats
path: root/web/react/components/unread_channel_indicator.jsx
blob: 6ae06528b9916acbbe86d1d00883bf022096e5aa (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
// Copyright (c) 2015 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
export default class UnreadChannelIndicator extends React.Component {
    constructor(props) {
        super(props);
    }
    render() {
        let displayValue = 'none';
        if (this.props.show) {
            displayValue = 'initial';
        }
        return (
            <div
                className={'nav-pills__unread-indicator ' + this.props.extraClass}
                style={{display: displayValue}}
            >
                {this.props.text}
            </div>
        );
    }
}

UnreadChannelIndicator.defaultProps = {
    show: false,
    extraClass: '',
    text: ''
};
UnreadChannelIndicator.propTypes = {
    show: React.PropTypes.bool,
    extraClass: React.PropTypes.string,
    text: React.PropTypes.string
};