Skip to content
Music School ManagerUI Library

Messaging

MSM pattern

Conversation Thread

Messages with a family by email and text, with delivery status, internal notes, activity, and day dividers.

When to use it
Show every conversation with a family through ConversationThread. Map messages to entries in one adapter, with formatted time labels and the day and new-message dividers. Key the thread by conversation so it opens at the latest message, and retry failed deliveries through onRetry.

Messages, notes, activity, and a failed text

Tuesday, September 22
Wei Chen

Hi! Maya left her piano books in Room B after Tuesday's lesson. Could someone set them aside?

Email
Riley Brooks

Of course. They're at the front desk, and Maya can pick them up at her next lesson.

EmailDelivered
Riley Brooks sent invoice INV-1042 ·
Today
Internal note from Jordan Ellis

Maya is ready for the spring recital piece. The recital fee is on INV-1042 if they ask.

Only staff can see this
Wei Chen

Thanks for the invoice. We'll pay the recital fee by Friday. Maya's recital form is attached.

Maya recital form.pdfPDF · 84 KB
Email
Wei Chen

Could you resend the invoice to my work email? It's wei.chen@example.com.

Email
Riley Brooks

I've resent INV-1042 to your work email.

TextNot delivered: The carrier didn't accept the text.

Usage

Use the Code tab to copy a complete example. MSM pages import shared components from @msm/ui; changes to those components appear here and in the application.

View registry item