Feature: Update badge count after receiving the notification (#239)

Author: muhsin-k

src/actions/notification.js

@@ -22,6 +22,8 @@ import {
 } from '../constants/actions';
 import APIHelper from '../helpers/APIHelper';
 
+import { updateBadgeCount } from '../helpers/PushHelper';
+
 import {
   GET_NOTIFICATION,
   GET_NOTIFICATION_SUCCESS,
@@ -42,6 +44,8 @@ export const getAllNotifications = ({ pageNo = 1 }) => async (dispatch) => {
     const updatedPayload = payload.sort((a, b) => {
       return b.created_at - a.created_at;
     });
+    const { unread_count } = meta;
+    updateBadgeCount({ count: unread_count });
 
     dispatch({
       type: GET_NOTIFICATION_SUCCESS,
@@ -87,6 +91,8 @@ export const markNotificationAsRead = ({ primaryActorId, primaryActorType }) =>
 
     const updatedUnReadCount = unread_count ? unread_count - 1 : unread_count;
 
+    updateBadgeCount({ count: updatedUnReadCount });
+
     dispatch({
       type: UPDATE_ALL_NOTIFICATIONS,
       payload: {
@@ -109,7 +115,7 @@ export const markAllNotificationAsRead = () => async (dispatch, getState) => {
       item.read_at = 'read_at';
       return item;
     });
-
+    updateBadgeCount({ count: 0 });
     dispatch({
       type: UPDATE_ALL_NOTIFICATIONS,
       payload: {

src/helpers/PushHelper.js

@@ -43,8 +43,14 @@ export const handlePush = async ({ remoteMessage, type }) => {
 
 export const clearAllDeliveredNotifications = () => {
   if (Platform.OS === 'android') {
-    // PushNotification.cancelAllLocalNotifications();
   } else {
     PushNotificationIOS.removeAllDeliveredNotifications();
   }
 };
+
+export const updateBadgeCount = ({ count }) => {
+  if (Platform.OS === 'android') {
+  } else {
+    PushNotificationIOS.setApplicationIconBadgeNumber(count);
+  }
+};

src/screens/ConfigureURLScreen/ConfigureURLScreen.js

@@ -5,6 +5,7 @@ import { useSelector, useDispatch } from 'react-redux';
 import { withStyles } from '@ui-kitten/components';
 import t from 'tcomb-form-native';
 import PropTypes from 'prop-types';
+import DeviceInfo from 'react-native-device-info';
 
 import { setInstallationUrl, resetSettings } from '../../actions/settings';
 import styles from './ConfigureURLScreen.style';
@@ -21,6 +22,8 @@ const URLForm = t.struct({
   url: URL,
 });
 
+const appName = DeviceInfo.getApplicationName();
+
 const propTypes = {
   eva: PropTypes.shape({
     style: PropTypes.object,
@@ -44,7 +47,7 @@ const ConfigureURLScreenComponent = ({ eva }) => {
   const dispatch = useDispatch();
   const inputRef = useRef(null);
   const [values, setValues] = useState({
-    url: 'app.chatwoot.com',
+    url: appName === 'Chatwoot' ? 'app.chatwoot.com' : null,
   });
 
   const options = {