gab-social/app/javascript/gabsocial/components/notification_counter/notification_counter.js

26 lines
526 B
JavaScript
Raw Normal View History

import { shortNumberFormat } from '../../utils/numbers';
import './notification_counter.scss';
const mapStateToProps = state => ({
count: state.getIn(['notifications', 'unread']),
});
export default @connect(mapStateToProps)
class NotificationCounter extends PureComponent {
static propTypes = {
count: PropTypes.number.isRequired,
};
render() {
const { count } = this.props;
if (count < 1) return null;
return (
<span className='notification-counter'>{shortNumberFormat(count)}</span>
);
}
}