Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add modal state for browser notifications being denied (#3771)

Browse Source
This commit is contained in:
mahmed2000 2024-06-13 09:34:53 +05:00 committed by GitHub
parent 23b9c3226e
commit f6045fbd63
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/components/modals/BrowserNotifyModal/BrowserNotifyModal.tsx
View File

@ -100,6 +100,16 @@ const NotificationsEnabled = () => (
</div> </div>
); );
const NotificationsDenied = () => (
<div>
<Title level={2}>Notifications are blocked on your device</Title>
To enable push notifications from {window.location.hostname.toString()} access your browser
permissions for this site and turn on notifications. Then reload this page to apply your updated
settings on this site.
<a href="https://owncast.online/docs/notifications"> Learn more.</a>
</div>
);
export const BrowserNotifyModal = () => { export const BrowserNotifyModal = () => {
const [error, setError] = useState<string>(null); const [error, setError] = useState<string>(null);
const accessToken = useRecoilValue(accessTokenAtom); const accessToken = useRecoilValue(accessTokenAtom);
@ -107,7 +117,9 @@ export const BrowserNotifyModal = () => {
const [browserPushPermissionsPending, setBrowserPushPermissionsPending] = const [browserPushPermissionsPending, setBrowserPushPermissionsPending] =
useState<boolean>(false); useState<boolean>(false);
const notificationsPermitted = const notificationsPermitted =
arePushNotificationSupported() && Notification.permission !== 'default'; arePushNotificationSupported() && Notification.permission === 'granted';
const notificationsDenied =
arePushNotificationSupported() && Notification.permission === 'denied';
const { notifications } = config; const { notifications } = config;
const { browser } = notifications; const { browser } = notifications;
@ -121,6 +133,10 @@ export const BrowserNotifyModal = () => {
return <NotificationsEnabled />; return <NotificationsEnabled />;
} }
if (notificationsDenied) {
return <NotificationsDenied />;
}
if (isMobileSafariIos() && !isMobileSafariHomeScreenApp()) { if (isMobileSafariIos() && !isMobileSafariHomeScreenApp()) {
return <MobileSafariInstructions />; return <MobileSafariInstructions />;
} }