blob: 4b505bb3f5f5a10afa8bf2bd29a9c57a7b6358aa (
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) 2016-present Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.
import {FormattedMessage} from 'react-intl';
import PropTypes from 'prop-types';
import React from 'react';
export default function StatisticCount(props) {
const loading = (
<FormattedMessage
id='analytics.chart.loading'
defaultMessage='Loading...'
/>
);
return (
<div className='col-md-3 col-sm-6'>
<div className='total-count'>
<div className='title'>
{props.title}
<i className={'fa ' + props.icon}/>
</div>
<div className='content'>{props.count == null ? loading : props.count}</div>
</div>
</div>
);
}
StatisticCount.propTypes = {
title: PropTypes.node.isRequired,
icon: PropTypes.string.isRequired,
count: PropTypes.number
};
|