Notifications: Add sound option to generic useNotification hook and code cleanup

apps/phone/src/apps/marketplace/hooks/useMarketplaceService.ts

@@ -18,6 +18,7 @@ export const useMarketplaceService = () => {
         notisId: 'npwd:marketplace:newListingBroadcast',
         content: resp.listing.description,
         secondaryTitle: t('MARKETPLACE.NEW_LISTING'),
+        playSound: true,
       });
     },
     [addListing, enqueueNotification],

apps/phone/src/apps/match/hooks/useMatchService.ts

@@ -42,6 +42,7 @@ export const useMatchService = () => {
       path: '/match',
       keepOpen: false,
       duration: 3000,
+      playSound: true,
     });
     addMatchedAccount();
   };

apps/phone/src/apps/messages/hooks/useMessageService.ts

@@ -32,6 +32,7 @@ export const useMessagesService = () => {
         onClick: () => goToConversation(group),
         secondaryTitle: getDisplayByNumber(convoName) ?? convoName,
         path: `/messages/conversations/${activeMessageConversation.id}`,
+        playSound: true,
       });
     },
     [enqueueNotification],

apps/phone/src/apps/twitter/hooks/useTwitterService.ts

@@ -43,6 +43,7 @@ export const useTwitterService = () => {
         notisId: 'npwd:tweetBroadcast',
         secondaryTitle: data.profile_name,
         path: '/twitter',
+        playSound: true,
       });
     },
     [enqueueNotification],

apps/phone/src/os/new-notifications/useNotification.tsx

@@ -1,7 +1,9 @@
 import { useSnackbar } from 'notistack';
+import uuid from 'react-uuid';
 import { useRecoilCallback } from 'recoil';
+import { AlertEvents } from '@typings/alerts';
+import fetchNui from '@utils/fetchNui';
 import { useApps } from '../apps/hooks/useApps';
-import uuid from 'react-uuid';
 
 import {
   notifications,
@@ -11,6 +13,18 @@ import {
   unreadNotifications,
 } from './state';
 
+interface INotificationOptions {
+  appId: string,
+  content: string,
+  secondaryTitle: string,
+  notisId: string,
+  path: string,
+  keepOpen?: boolean,
+  onClick?: () => any,
+  duration?: number,
+  playSound?: boolean,
+}
+
 interface NotificationProps {
   enqueueNotification: (options: any) => void;
   removeAllActive: () => void;
@@ -35,7 +49,8 @@ export const useNotification = (): NotificationProps => {
         keepOpen = false,
         onClick,
         duration,
-      }: any) => {
+        playSound,
+      }: INotificationOptions) => {
         const app = getApp(appId);
 
         const curNotis = await snapshot.getPromise(allNotificationIds);
@@ -86,9 +101,13 @@ export const useNotification = (): NotificationProps => {
           secondaryTitle,
           path,
           app,
-          autoHideDuration: 3000 || duration,
+          autoHideDuration: duration || 3000,
           disableWindowBlurListener: true,
         });
+
+        if (playSound) {
+          fetchNui(AlertEvents.PLAY_ALERT);
+        }
       },
   );