Notifications System

Notification System Overview

Cha-Ching uses a comprehensive notification system to keep you informed about important events and updates. You'll receive notifications for:

• Your ranking changes on leaderboards
• New epochs starting or epoch status changes
• Mission updates and new opportunities
• Reward claims and transaction status
• Archive progress for your contributions
• User activity and achievements

Notification Types

Cha-Ching supports eight different types of notifications:

Accessing Notifications

You can view notifications in several places:

Notification Bell

The notification bell icon in the top navigation bar shows a badge with your unread notification count. Click it to see a quick overview of recent notifications.

Notifications Page

Visit the Notifications page for a comprehensive view of all your notifications. Here you can:

• See all notifications with full details
• Filter by notification type
• Mark individual notifications as read
• Mark all notifications as read at once
• Delete notifications you no longer need

Toast Notifications

Important real-time events trigger toast notifications that appear briefly in the corner of your screen. These provide immediate feedback without interrupting your workflow.

Managing Notifications

Reading Notifications

Click on any notification to mark it as read. Read notifications are visually distinguished from unread ones, making it easy to see what's new.

Filtering Notifications

Use the filter tabs at the top of the Notifications page to view specific types:

• All: Shows every notification
• General: System announcements and general messages
• Activity: Your user activity and achievements
• Epochs: Epoch-related updates
• Leaderboard: Ranking and score changes
• Claims: Reward claim notifications
• Transactions: Transaction status updates
• Archives: Archive progress notifications

Each filter shows a count of notifications in that category.

Bulk Actions

Use the "Mark All as Read" button to quickly clear all unread notifications. This is useful when you've been away and have accumulated many notifications.

Deleting Notifications

Click the delete button on any notification to remove it from your list. This is useful for clearing out old or irrelevant notifications.

Real-time Updates

Cha-Ching uses WebSocket technology to deliver notifications in real-time. This means:

• Instant Delivery: Notifications appear immediately when events occur
• No Refresh Needed: New notifications appear automatically without reloading the page
• Badge Updates: The notification bell badge updates in real-time
• Toast Alerts: Important events trigger immediate toast notifications
• Always In Sync: Your notification list stays current across all open tabs

🔔 Live Connection: Look for the "Live Updates Active" badge to confirm you're receiving real-time notifications.

Notification Details

Each notification includes several pieces of information:

• Icon: Visual indicator of the notification type
• Title: Brief summary of the notification
• Description: Additional details about the event
• Badge: Color-coded status indicator (if applicable)
• Timestamp: When the notification was created (relative time like "2 hours ago")
• Read Status: Visual indicator if you've read the notification

Notification Best Practices

• Check Regularly: Visit your notifications page daily to stay updated
• Use Filters: Filter by type when looking for specific information
• Act on Important Ones: Some notifications may require action (like claiming rewards)
• Clear Old Notifications: Periodically delete old notifications to keep your list manageable
• Watch for Patterns: Multiple similar notifications might indicate something needs attention
• Don't Miss Toasts: Pay attention to toast notifications for time-sensitive updates

Notification Colors & Icons

Notifications use color coding to convey meaning at a glance:

• Green: Success, completed actions, rewards
• Blue: Information, general updates
• Yellow: Warnings, retrying actions
• Red: Errors, failed actions, urgent attention needed
• Purple: Archive progress, special events
• Indigo: Epoch updates, scheduled events

Troubleshooting Notifications

Not Receiving Notifications

• Check your browser isn't blocking WebSocket connections
• Verify you're signed in to your account
• Look for the "Live Updates Active" badge - if missing, try refreshing the page
• Check your browser console for connection errors

Too Many Notifications

• Use the "Mark All as Read" button to clear notifications in bulk
• Delete notifications you don't need
• Use filters to focus on specific types of updates

Missing Important Notifications

• Check all filter categories - notifications might be in a specific category
• Scroll down - older notifications appear below newer ones
• If deleted, notifications cannot be recovered