Browser Reminder Text and Icon

Background

The PAT reminder comes through the browser so its size and layout is very unpredictable and not very customizable. However, we need to make sure that the content is discreet for the PAT not to be embarrassed or for others to know exactly what the reminder is for.

Requirements

ONLY what is feasible in the following designs: We already know that font and color of text is difficult but did an optimal reminder so as to not have to re-iterate on at a later date. Designs were made based on different browser mockups that we could find.

Icon: color bubble for the PAT to recognize its their RC reminder PAT Create RC GELB

Text: 2 lines below

Recovery Cat - Individuelle Fragen jetzt beantworten

Dein tägliches Check-In Ritual steht bereit

Where to start?

• The Service worker file: /lib/common/src/rcc-service-worker.js
• Method used in that file: triggerNotification
• defaultNotification and multiNotification are the config variables used.
• everything else is done by the browser's `registration.showNotification

Layouts

Figma: https://www.figma.com/file/8PWKCoBl4vl4TrI32UV5op/RC-Design-PRODUCTION?type=design&node-id=4812%3A57352&t=OpmQ1sGoeTtpplAX-1

ClickUp:https://app.clickup.com/t/863fvwn8e