Notification System
It aims to inform affiliates in real time about key events on the platform.
Why is it important?
It alerts affiliates about:
- Campaigns
- Payments
- Operational updates
- Configuration changes
Alerts can be received:
- In the app by the bell icon, pop-up cards and side panel
- By email
It allows direct actions to navigate to the section related to the event. This document describes the scope of the MVP (Minimum Viable Product).
Key Components of the System
| Component | Description |
|---|---|
| Settings → Notifications | Manage preferences: sound and pop-up notifications. Allows activation by section (General, Reports, Wallet, Settings) and choosing a channel per event: Web (within the platform) and/or Email. |
| Bell (Header) | Animates when a notification arrives and shows a badge with the number of unread ones. Clicking opens the sidesheet. |
| Pop-up Card (toast) | Appears automatically when you are on the platform. Desktop: top right corner. Mobile: bottom part. Hides after 8 seconds. Click → navigates to the associated section. |
| Sidesheet (side panel) | List of notifications with chips to classify them by section. Global Actions: Mark all as read, Delete all, Go to settings. Shows all by default. |
| Sidesheet Cards | Include section icon, title, brief description, date/time, and status (badge if unread). Interactions: Desktop (hover) to mark as read or delete; Mobile (swipe) to show the same options. |