Skip to content

DEV - implement frontend for notifications #190

@lyannne

Description

@lyannne

Description: The goal of this ticket is to implement most of the new design for notifications. This is purely a frontend ticket, and the connection to the backend will come later. For now, the only functionality this feature will have is displaying and deleting notifications.

Image

NOTES: This design is not fully accurate; each notification should be for a grant deadline, not a new grant itself. There will also be no time stamp, and the orange notification will only be if we choose to implement a read/unread feature, which will come in a later ticket if so.

Success Criteria:

  • Store should include notifications as well, and there should be a mutator added to update the store with all notifications for the given user.
  • New component file is made for the popup (ex: NotificationPopup.tsx), as well as a separate component for each grant notification (ex: GrantNotification.tsx)
    • Notification popup component maps grant notification component across all the notifications a user has. For now, just use dummy data.
  • Add trash icon in the bottom right corner, or just on the right, of the individual notification component to delete the grant. (functionality to delete grant will be implemented later!)

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions