Call clear notification badges on native app init

src/containers/notification/store/sagas.ts

@@ -536,8 +536,24 @@ function* watchTogglePanel() {
   })
 }
 
+// On Native App open, clear the notification badges
+function* resetNotificationBadgeCount() {
+  try {
+    yield call(waitForBackendSetup)
+
+    const hasAccount = yield select(getHasAccount)
+    if (hasAccount && NATIVE_MOBILE) {
+      const message = new ResetNotificationsBadgeCount()
+      message.send()
+      yield call(AudiusBackend.clearNotificationBadges)
+    }
+  } catch (error) {
+    console.error(error)
+  }
+}
+
 export default function sagas() {
-  return [
+  const sagas: (() => Generator)[] = [
     watchFetchNotifications,
     watchFetchNotificationUsers,
     watchMarkNotificationsRead,
@@ -550,4 +566,8 @@ export default function sagas() {
     watchTogglePanel,
     watchNotificationError
   ]
+  if (NATIVE_MOBILE) {
+    sagas.push(resetNotificationBadgeCount)
+  }
+  return sagas
 }

src/services/AudiusBackend.js

@@ -1950,6 +1950,25 @@ class AudiusBackend {
     }
   }
 
+  static async clearNotificationBadges() {
+    await waitForLibsInit()
+    const account = audiusLibs.Account.getCurrentUser()
+    if (!account) return
+    try {
+      const { data, signature } = await AudiusBackend.signData()
+      return fetch(`${IDENTITY_SERVICE}/notifications/clear_badges`, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          [AuthHeaders.Message]: data,
+          [AuthHeaders.Signature]: signature
+        }
+      }).then(res => res.json())
+    } catch (e) {
+      console.error(e)
+    }
+  }
+
   static async getEmailNotificationSettings() {
     await waitForLibsInit()
     const account = audiusLibs.Account.getCurrentUser()