Merge pull request #1526 from ThomasKranitsas/auto-update-notif

Set interval to update notifications

Author: Vic G

src/components/NotificationsDropdown/NotificationsDropdownContainer.jsx

@@ -12,13 +12,18 @@ import NotificationsSection from '../NotificationsSection/NotificationsSection'
 import NotificationsEmpty from '../NotificationsEmpty/NotificationsEmpty'
 import NotificationsDropdownHeader from  '../NotificationsDropdownHeader/NotificationsDropdownHeader'
 import NotificationsDropdown from  './NotificationsDropdown'
-import { NOTIFCATIONS_DROPDOWN_PER_SOURCE, NOTIFCATIONS_DROPDOWN_MAX_TOTAL } from '../../config/constants'
+import { NOTIFCATIONS_DROPDOWN_PER_SOURCE, NOTIFCATIONS_DROPDOWN_MAX_TOTAL, REFRESH_NOTIFICATIONS_INTERVAL } from '../../config/constants'
 import './NotificationsDropdown.scss'
 
 class NotificationsDropdownContainer extends React.Component {
 
   componentDidMount() {
     this.props.getNotifications()
+    this.autoRefreshNotifications = setInterval(() => this.props.getNotifications(), REFRESH_NOTIFICATIONS_INTERVAL)
+  }
+
+  componentWillUnmount() {
+    clearInterval(this.autoRefreshNotifications)
   }
 
   // Make sure the body isn't scrollable when mouse is over the drop-down menu

src/config/constants.js

@@ -352,6 +352,7 @@ export const SORT_OPTIONS = [
 ]
 
 // Notifications
+export const REFRESH_NOTIFICATIONS_INTERVAL = 1000 * 60 * 1 // 1 minute interval
 export const NOTIFCATIONS_DROPDOWN_PER_SOURCE = 2
 export const NOTIFCATIONS_DROPDOWN_MAX_TOTAL = 10
 
@@ -366,4 +367,4 @@ export const SCROLL_TO_DURATION = 500 // ms
 export const MAX_USERNAME_LENGTH = 15
 export const EMAIL_AVAILABILITY_CHECK_DEBOUNCE = 300 /* in ms */
 export const PASSWORD_MIN_LENGTH = 8
-export const PASSWORD_REG_EXP = /^(?=.*[a-z])(?=.*[^a-z]).+$/i
+export const PASSWORD_REG_EXP = /^(?=.*[a-z])(?=.*[^a-z]).+$/i

src/routes/notifications/containers/NotificationsContainer.jsx

@@ -15,12 +15,18 @@ import NotificationsEmpty from '../../../components/NotificationsEmpty/Notificat
 import spinnerWhileLoading from '../../../components/LoadingSpinner'
 import { getNotificationsFilters, splitNotificationsBySources, filterReadNotifications } from '../helpers/notifications'
 import { requiresAuthentication } from '../../../components/AuthenticatedComponent'
+import { REFRESH_NOTIFICATIONS_INTERVAL } from '../../../config/constants'
 import './NotificationsContainer.scss'
 
 class NotificationsContainer extends React.Component {
   componentDidMount() {
     document.title = 'Notifications - TopCoder'
     this.props.getNotifications()
+    this.autoRefreshNotifications = setInterval(() => this.props.getNotifications(), REFRESH_NOTIFICATIONS_INTERVAL)
+  }
+
+  componentWillUnmount() {
+    clearInterval(this.autoRefreshNotifications)
   }
 
   render() {