Enable push notifications prompt

sachben91 commented 7 months ago

Description

When enabling push notifications for the first time, users should do so from mobile-only. Once the user has enabled push notifications, they can modify their preferences on mobile and desktop.

Since its not possible for us to detect if the user has downloaded the pwa, we will prompt the user to download the pwa with a link on the push notification screen.

Feature specs

When the user visits the notifications settings page -> mobile, they will be prompted to download the pwa to enable notifications

Once notifications are enabled from mobile, they will able to manage notifications from either desktop or mobile
Mobile: Since we cannot detect whether a user has downloaded the pwa, we will show the prompt for the user to download the pwa on mobile

Clicking on download would show the pwa prompt for ios or Android that is described in the PWA enablement ticket
Related ticket - mobile push notifications screen

Designs

Figma

burtonator commented 4 months ago

Just FYI I don't know if we can implement this 'switch toggle' UI. The way notifications work is that we get a callback saying that we CAN enable notifications and then it has to be done via a button. I will investigate though and verify. We're limited what we can due to the security model done with PWAs for notifications.

burtonator commented 4 months ago

Also, I don't think we need this until we implement PWA notifications. This doesn't apply to in-app notifications I think.

sachben91 commented 4 months ago

Yes, these are for PWA notifications and it will be used by the user once they have enabled the notifications. They will use these toggles to manage their notification settings.

ForestMars commented 1 month ago

This issue needs an associated development branch / PR, kudasai

hicommonwealth / commonwealth