Notification UI design missing

[saifelance]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

What performance issue do we need to solve?

1. Notification Icon: A small icon to represent notifications, such as a bell icon or an envelope icon.
2. Notification Counter: Display the number of unread notifications next to the notification icon. This helps users quickly see how many new notifications they have.
3. Notification List: When users click on the notification icon, a dropdown or modal appears displaying a list of their notifications. Each notification includes:
4. Notification Content: A brief description of the notification.
5. Timestamp: The time when the notification was received.
6. Action Buttons: Depending on the type of notification, include action buttons like "Mark as Read," "Dismiss," or "View."
7. Clear All Button: Include a "Clear All" button at the bottom of the notification list to allow users to dismiss all notifications at once.
8. Notification Settings: Provide a link or button to access notification settings where users can customize their notification preferences, such as opting in or out of specific notification types or channels.
9. Close Button: Include a close button to allow users to close the notification dropdown or modal without taking any action.
10. Design Consistency: Ensure that the notification UI design aligns with the overall look and feel of the application for a cohesive user experience.

What is the impact of this on end-users?

List specific user experiences that will be improved by solving this problem e.g. app boot time, time to for some interaction to complete, etc.

List any benchmarks that show the severity of the issue

Please also provide exact steps taken to collect metrics above if any so we can independently verify the results.

Proposed solution (if any)

Please list out the steps you think we should take to solve this issue.

List any benchmarks after implementing the changes to show impacts of the proposed solution (if any)

Note: These should be the same as the benchmarks collected before any changes.

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android: Native
• Android: mWeb Chrome
• iOS: Native
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Version Number:
Reproducible in staging?:
Reproducible in production?:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos: Any additional supporting documentation
Expensify/Expensify Issue URL:
Issue reported by:
Slack conversation:

View all open jobs on Upwork

[melvin-bot]

Auto-assigning issues to engineers is no longer supported. If you think this issue should receive engineering attention, please raise it in #whatsnext.

[melvin-bot]

📣 @saifelance! 📣
Please report bugs or suggest features in the #expensify-open-source Slack channel, don't directly open issues in this repo!
Instructions here to join the channel 📖

[saifelance]

@MelvinBot Upwork job offer?

[saifelance]

Instructions here to join the channel

@MelvinBot I was sent 2 emails but thee is no update also I sent few suggestion solutions discuss in different threads comment's but seem not response.

[saifelance]

@MelvinBot Any reported bugs, new features suggestion, testing or bug fixings should consider and get paid.

[saifelance]

I sent my suggestion about notification

UI missing, will agree?