diff --git a/src/app/hooks/usePermission.ts b/src/app/hooks/usePermission.ts index ed3b877ae..71a601be2 100644 --- a/src/app/hooks/usePermission.ts +++ b/src/app/hooks/usePermission.ts @@ -1,15 +1,15 @@ import { useEffect, useState } from 'react'; export const getNotificationState = (): PermissionState => { - if (!window.Notification) { - return 'denied'; - } + if ('Notification' in window) { + if (window.Notification.permission === 'default') { + return 'prompt'; + } - if (window.Notification.permission === 'default') { - return 'prompt'; + return window.Notification.permission; } - return window.Notification.permission; + return 'denied'; }; export function usePermissionState(name: PermissionName, initialValue: PermissionState = 'prompt') { diff --git a/src/app/utils/dom.ts b/src/app/utils/dom.ts index 963568cd3..f4c3f719b 100644 --- a/src/app/utils/dom.ts +++ b/src/app/utils/dom.ts @@ -219,7 +219,7 @@ export const syntaxErrorPosition = (error: SyntaxError): number | undefined => { }; export const notificationPermission = (permission: NotificationPermission) => { - if (window.Notification) { + if ('Notification' in window) { return window.Notification.permission === permission; } return false;