Educator Inbox | Add Interactive SEL Activities

We need to create an Inbox that links to all messages the user has received.

User Story: As a user, I want to be notified about any new message I have received, so I know there is something I need to respond to.

Acceptance Criteria:

  • Given I am a user with Permission to Manage Assignments, I will see the Inbox icon on my main nav menu

  • Given I am a user who has at least 1 message not yet viewed, I will see the new message indicator

  • Given I am an educator who has neither sent nor received any messages, I will see the empty state

  • Given I am a user who has clicked on my Inbox, I will see a snippet of all messages sent/received

  • Given I am a user who has received a message I have not yet clicked on, I will see a red dot next to that message

  • Given I am a user who has clicked the View button, I will be taken to the View Discussion screen

Design: https://www.figma.com/file/gdwMnbpudJxuzVrORrOGvd/Ed-Member-Site-UX?node-id=5821%3A568


UI

  • We will show an inbox icon on the main nav menu

  • The icon will show a red dot if a new, unviewed message has been received

  • Clicking on the inbox icon will open a list of conversations

  • Each conversation will show the name of the student the conversation relates to, assignment name, date/time last message sent/received, and a brief preview of the message with the name of the person who sent the last message. This will look similar to a texting app.

  • Any conversation with a message the user has not yet viewed will show a red dot

  • Clicking View will open that conversation (see View Message - Educators)

  • Clicking load more will load additional conversations

  • If no messages exist, we will show an empty state

Business Rules

  • All users with permission to Manage Assignments will see the message icon

  • The dot will show if the user has a new message they have not yet clicked on

  • Student Name (top) will show the first and last name of the student the message relates to

  • Assignment name will show the name of the assignment the conversation relates to

  • Date/time will show the date and time the most recent message was sent by either party

  • We will list conversations in order of the most recently sent/received message

  • We will only show conversations related to students the user currently has access to. Meaning, if I had a conversation with Student A in September and was unassigned from Student A in October, I would no longer see the conversation with Student A in my inbox in October.