diff options
Diffstat (limited to 'app/javascript/flavours/glitch/features/ui/components/notifications_counter_icon.js')
-rw-r--r-- | app/javascript/flavours/glitch/features/ui/components/notifications_counter_icon.js | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/app/javascript/flavours/glitch/features/ui/components/notifications_counter_icon.js b/app/javascript/flavours/glitch/features/ui/components/notifications_counter_icon.js index 137658b94..25df35264 100644 --- a/app/javascript/flavours/glitch/features/ui/components/notifications_counter_icon.js +++ b/app/javascript/flavours/glitch/features/ui/components/notifications_counter_icon.js @@ -10,15 +10,17 @@ const mapStateToProps = state => ({ const formatNumber = num => num > 99 ? '99+' : num; -const NotificationsCounterIcon = ({ count, showBadge }) => ( +const NotificationsCounterIcon = ({ count, className, showBadge }) => ( <i className='icon-with-badge'> - <Icon icon='bell' fixedWidth /> + <Icon icon='bell' fixedWidth className={className} /> {showBadge && count > 0 && <i className='icon-with-badge__badge'>{formatNumber(count)}</i>} </i> ); NotificationsCounterIcon.propTypes = { count: PropTypes.number.isRequired, + showBadge: PropTypes.bool, + className: PropTypes.string, }; export default connect(mapStateToProps)(NotificationsCounterIcon); |