Take action on notifications and manage them effectively.
Action Buttons Overview #
Every notification can have up to 2 action buttons plus 2 control buttons:
| Button Type | Position | Purpose |
|---|
| Primary Action | Left (blue filled) | Main recommended action |
| Secondary Action | Next to primary (outlined) | Alternative action |
| Read | Right side | Mark as read, keep visible |
| Hide | Right side | Dismiss completely |
All Action Buttons Explained #
Extend Date #
| Attribute | Value |
|---|
| Appears on | Campaign ending notifications |
| Button type | Primary (blue filled) |
| Destination | Group Management page |
| Special behavior | Focuses on the specific campaign row |
What happens when clicked:
- Notification panel closes
- Navigate to Group Management
- Page scrolls to the campaign row
- Row highlights briefly (yellow flash)
- You can immediately click to edit dates
Manage Rules #
| Attribute | Value |
|---|
| Appears on | Campaign ending notifications |
| Button type | Secondary (outlined) |
| Destination | Rule Management page |
| Special behavior | Pre-selects the campaign group |
Use case: Review or adjust discount rules before campaign ends.
Check Rules / View Rules #
| Attribute | Value |
|---|
| Appears on | Campaign starting notifications |
| Button type | Primary or Secondary (varies) |
| Destination | Rule Management page |
| Special behavior | Pre-selects the campaign group |
| Variation | When Used | Urgency |
|---|
| Check Rules | Tomorrow start | High – verify before launch |
| View Rules | 3 days until start | Low – just reviewing |
Edit Date #
| Attribute | Value |
|---|
| Appears on | 24-hour starting notifications |
| Button type | Primary (blue filled) |
| Destination | Group Management page |
| Special behavior | Focuses on the campaign row |
Use case: Last chance to postpone or advance the start date.
Statistics #
| Attribute | Value |
|---|
| Appears on | Status change notifications (started/ended today) |
| Button type | Primary (blue filled) |
| Destination | Statistics page |
| Special behavior | May pre-filter to campaign group |
Use case:
- Campaign just started → Check if discounts are applying
- Campaign just ended → Analyze final performance
View #
| Attribute | Value |
|---|
| Appears on | “Campaign started today” notifications |
| Button type | Secondary (outlined) |
| Destination | Rule Management page |
| Purpose | Quick access to see active rules |
Read vs Hide: Understanding the Difference #
| Action | What It Does | Where Stored | Duration |
|---|
| Read | Dims the notification, keeps visible | Browser session (sessionStorage) | Until you close browser |
| Hide | Removes notification completely | Browser cookie | 30 days |
Visual Difference #
| State | Notification Appearance |
|---|
| Unread | Full opacity, “Read” button visible |
| Read | Dimmed/faded, “Read” button hidden |
| Hidden | Not visible at all |
When to Use Each #
| Scenario | Recommended Action |
|---|
| I’ve seen this, but want to act later | Read |
| I’ve addressed this, don’t need to see again | Hide |
| I extended the date, notification no longer relevant | Hide |
| Campaign ended, I’ll check stats later | Read |
| I don’t care about this notification | Hide |
Storage Behavior #
| Storage Type | Read Notifications | Hidden Notifications |
|---|
| sessionStorage | ✅ Stored here | — |
| Cookie (30 days) | — | ✅ Stored here |
| Survives browser close | ❌ No | ✅ Yes |
| Survives 30 days | ❌ No | ❌ Reappears after 30 days |
Focus Integration Feature #
When you click Extend Date or Edit Date, the system uses smart navigation:
Same Page Behavior #
If you’re already on Group Management:
| Step | What Happens |
|---|
| 1 | Panel closes |
| 2 | Page finds the campaign row |
| 3 | Smooth scroll to that row |
| 4 | Row gets yellow highlight for 3.5 seconds |
Different Page Behavior #
If you’re on any other page:
| Step | What Happens |
|---|
| 1 | Panel closes |
| 2 | Campaign name saved to localStorage |
| 3 | Navigate to Group Management |
| 4 | Page loads, finds saved campaign |
| 5 | Scrolls and highlights the row |
Load More Functionality #
If you have many notifications:
| Feature | Behavior |
|---|
| Initial load | Shows first 10 notifications |
| Load More button | Appears if more exist |
| Remaining count | Shows “(5 remaining)” in button |
| Clicking Load More | Fetches next 10 |
| Maximum | 100 notifications total |
| Total Notifications | Pages |
|---|
| 8 | 1 page (no Load More) |
| 15 | 2 loads (10 + 5) |
| 45 | 5 loads (10 + 10 + 10 + 10 + 5) |
| 120 | Capped at 100 |
Badge Count Management #
The red badge on the FAB button tracks unread notifications:
| Action | Badge Effect |
|---|
| Open panel (first time) | Badge calculated |
| Mark as Read | Badge decreases by 1 |
| Hide notification | Badge decreases by 1 |
| New notification appears | Badge increases |
| All read/hidden | Badge disappears |
Workflow Scenarios #
Scenario 1: Extending an Ending Campaign #
| Step | Action |
|---|
| 1 | See notification “Summer Sale ends in 3 days” |
| 2 | Click Extend Date |
| 3 | Panel closes, navigates to Groups page |
| 4 | Campaign row highlighted |
| 5 | Click Edit on the row |
| 6 | Change end date to later |
| 7 | Save changes |
| 8 | Notification automatically updates (3 days resets) |
Scenario 2: Verifying a Starting Campaign #
| Step | Action |
|---|
| 1 | See notification “Flash Sale starts tomorrow” |
| 2 | Click Check Rules |
| 3 | Panel closes, navigates to Rules page |
| 4 | Campaign group pre-selected |
| 5 | Review all rules for correctness |
| 6 | Go back to notifications |
| 7 | Click Read to mark as reviewed |
Scenario 3: Reviewing Campaign Performance #
| Step | Action |
|---|
| 1 | See notification “Black Friday started today” |
| 2 | Click Statistics |
| 3 | Navigate to Statistics page |
| 4 | Review early performance data |
| 5 | Return to notifications |
| 6 | Click Hide (campaign is now active, no action needed) |
Scenario 4: Managing High Volume #
| Step | Action |
|---|
| 1 | Open panel, see 15 notifications |
| 2 | Address most urgent ones first (top = highest priority) |
| 3 | Hide resolved notifications |
| 4 | Read ones you’ll address later |
| 5 | Click Load More if needed |
| 6 | Badge now shows only truly unread count |
Best Practices #
Daily Notification Routine #
| Time | Action |
|---|
| Start of day | Check notifications, address critical ones |
| Before closing | Mark remaining as Read, don’t Hide |
| End of week | Hide any stale notifications |
Prioritization Strategy #
| Priority | Action |
|---|
| 95 (Ends today) | Immediate – Extend or let expire |
| 90 (Urgent) | Today – Plan your response |
| 85 (Warning) | This week – Review and decide |
| 80 and below | When convenient – Informational |
Clean Inbox Approach #
| Want | Do This |
|---|
| Minimal notifications | Hide aggressively after action |
| Full visibility | Only hide, never use Read |
| Balance | Read for review, Hide when resolved |
Troubleshooting #
| Issue | Cause | Solution |
|---|
| Badge doesn’t update | Browser cache | Refresh page |
| Hidden notifications reappear | 30-day cookie expired | Hide again |
| Focus doesn’t work | Campaign deleted | Notification outdated |
| Panel shows no notifications | All hidden or disabled | Check settings |
