Pinned messages #162
No Assignees
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: coracle/flotilla#162
Reference in New Issue
Block a user
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Allow admins to pin chat messages to the top of a room. This will require protocol work, since I don't think nip29 supports this, as well as design work.
@hodlbod Want to give this a shot, if it is okay with you?
Yep, have at it.
I have some familiarity with design, so I created a mockup for this (see attached image).
The idea is that if a message is pinned and a user enters the room afterward, a highlighted banner (in purple) will appear showing the pinned message, along with View and Dismiss actions. (Instead of using an emoji for pin, we can use the current icon pack for consistent design)
Clicking View will automatically scroll to the pinned message, while Dismiss will hide the banner. After dismissing, both admins and members can still access pinned messages through a modal or a UI similar to search results (aligned with the refined search template).
I’ve also explored an alternative sidebar design for displaying pinned messages.
Pinning a message (discord flow, modal, but our design)
@hodlbod, thoughts ?
If everything looks good, I’ll assign it to myself and open a PR so we can continue the discussion there after the actual development part.
I'm not sure, would you mind mocking up how this might look if included in the top bar instead? I don't mind the idea of making the info icon open a side bar instead of a modal, but I don't want too many icons in the top nav. Or maybe we could attach the pinned message to the bottom of the top bar. A few more iterations would be good at any rate.
Single Pinned Message (Admin Perspective)
Admin View Showing Three Pinned Messages Area
Admin View with Multiple Pinned Messages (Scrollable for More)
User View: Large Messages Include a “Read Full” Button to Open the Original Message
User View: Light Theme Pinned Messages Panel
Looks pretty good, but I'd like something a little lighter. What about something like the attached, and when you click on the pinned message it scrolls to that message and updates the
x/ynumber so users can cycle through all messages. Maybe we could add an icon button too that opens a dialog showing all pinned messages with the ability to un-pin them if the user has permission.I also noticed that the previous design made the main view feel a bit cluttered. Based on your suggestion, I’ve reworked it into a lighter version, sharing the updated screenshots and screencasts here for reference.
The pinned message stack resets to 1/(n) when you navigate away and return to the space.
lighter theme to better distinguish between the top bar and the pinned panel
Cool, looks good enough to move to dev. I would like to see something a little more interesting though, maybe a card that peeks out from under the header.
Yes, I’ll iterate further on the design before finalizing it for the dev environment. Adding some more engaging interactions or subtle animations for the pin panel should help make it feel more polished.