37 lines
912 B
JavaScript
37 lines
912 B
JavaScript
import React, { Component } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
|
|
class NotificationIcon extends Component {
|
|
|
|
static propTypes = {
|
|
unreadNotificationsCount: PropTypes.number,
|
|
toggleNotificationsBox: PropTypes.func
|
|
}
|
|
|
|
render = () => {
|
|
const { toggleNotificationsBox } = this.props
|
|
let linkClasses = 'notificationsIcon upperRightEl upperRightIcon '
|
|
linkClasses += 'ignore-react-onclickoutside '
|
|
|
|
if (this.props.unreadNotificationsCount > 0) {
|
|
linkClasses += 'unread'
|
|
} else {
|
|
linkClasses += 'read'
|
|
}
|
|
|
|
return (
|
|
<div className={linkClasses} onClick={toggleNotificationsBox}>
|
|
<div className="tooltipsUnder">
|
|
Notifications
|
|
</div>
|
|
{this.props.unreadNotificationsCount === 0 ? null : (
|
|
<div className="unread-notifications-dot"></div>
|
|
)}
|
|
</div>
|
|
|
|
)
|
|
}
|
|
}
|
|
|
|
export default NotificationIcon
|