diff options
author | Eugen Rochko <eugen@zeonfederated.com> | 2019-05-25 21:27:00 +0200 |
---|---|---|
committer | multiple creatures <dev@multiple-creature.party> | 2020-02-22 01:22:45 -0600 |
commit | 1e191c0f651ffcb43c2a3f59f341285258ef5132 (patch) | |
tree | 54cf35c28e8bd964a59767b93d3682387e6d02db /app/javascript/flavours/glitch/features/ui/components/notifications_counter_icon.js | |
parent | e745bd64e7aca52ca7ba96e412aaacb2fbf22ee4 (diff) |
port glitch-soc@`d99a661` to monsterfork: [Glitch] Add responsive panels to the single-column layout
Port 1e5532e693d9533ee37f553aeb191e284178fa52 to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
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); |