Doc Section: https://docs.google.com/document/d/1NcklRh6NogUWhKL0J5udTE8bok3_9ZoZ57JTllP-QJg/edit#bookmark=id.pa6oyw3cxv7q
Holding on:
Group Chats Design Doc
High level section with mockups: https://docs.google.com/document/d/1NcklRh6NogUWhKL0J5udTE8bok3_9ZoZ57JTllP-QJg/edit#bookmark=id.9fdzsieljz63
At this point, the latest app version has already migrated off of Group DMs and is creating Group Chats under the hood. We now need to add the ability to:
We will also allow people to do these things + invite members via the "Details" page when tapping on a Group chat.
By the end of this ticket we should be able to:
Creation
-
Give a custom group name
- Tapping/clicking the group name on the confirmation will push to a new page where editing is possible. The group name is pre-selected to optimize for adding a custom, unique name instead of the default
-
Upload a custom avatar
- This should work similar to how uploading an avatar works for workspaces (example)
Both of these will need to be staged/stored locally so that they can be passed to the API when we tap "Start group"
Details view (accessible from tapping on the Avatar in the header of the chat)
- Avatar can be updated from here (by anyone)
- The "Leave" button will allow a user to leave the Group (HOLD on API changes)
- The "Pin" button will be the same action as right-click to pin
- "Call" will generate a Google Meet link
- Share page - works the same as existing chats
- Private notes - same as existing chats
- Settings - same as existing chats however we can also change the Name of the report here (anyone)
Members page
The design for this closely follows the design for the Simplified Collect design doc so should be held on those changes and/or worked on in parallel and we will have a shared component for both flows.
- We can see who is an admin and not in the Members page (pill tag)
- For admins, we can select multiple or all members (for bulk actions)
- Selecting members will replace the "Invite members" button with the
n selected button with dropdown (shown above)
- Note: The highlighting styles when members are selected.
- Tapping the "3 selected" opens the popover menu with these options:
Remove membersMake admin (when at least one member is selected)Make member (when at least one admin is selected)
- Confirmation modal will be shown for "Remove members"
- For members (non-admins), we will see this:
Tapping a row (not the checkbox) will bring them to these screens respectively:
Admins
- "Remove from group" option will launch a confirm modal
- Role selector will launch a new screen like this:
- Profile - takes you to the profile
Members
Just go direct to the profile screen for the user
Invite member button
Opens to a new screen:
- Multiple members can be invited
- "Invite" button shows when at least one member is staged
- Redirect back to the "Members" page on success with new members visible.
Testing membership changes
When a member is added/removed or their admin status changes we will display the following "system messages" and must confirm these messages are present and showing up correctly prior to launching these features.
- a system message will clarify when someone is invited, e.g. “invited %displayName%”, visible to all participants
- Removing a member from a
Group chat triggers a system message for all Group chat participants, e.g. “removed %displayName%”
- When someone is made an admin, or demoted back to a member, we’ll use a “whisper” style message so that person knows that their role changed, e.g. “made %displayName% a member” or “made %displayName% an admin”
Doc Section: https://docs.google.com/document/d/1NcklRh6NogUWhKL0J5udTE8bok3_9ZoZ57JTllP-QJg/edit#bookmark=id.pa6oyw3cxv7q
Holding on:
Group Chats Design Doc
High level section with mockups: https://docs.google.com/document/d/1NcklRh6NogUWhKL0J5udTE8bok3_9ZoZ57JTllP-QJg/edit#bookmark=id.9fdzsieljz63
At this point, the latest app version has already migrated off of Group DMs and is creating Group Chats under the hood. We now need to add the ability to:
We will also allow people to do these things + invite members via the "Details" page when tapping on a Group chat.
By the end of this ticket we should be able to:
Creation
Give a custom group name
Upload a custom avatar
Both of these will need to be staged/stored locally so that they can be passed to the API when we tap "Start group"
Details view (accessible from tapping on the Avatar in the header of the chat)
Members page
The design for this closely follows the design for the Simplified Collect design doc so should be held on those changes and/or worked on in parallel and we will have a shared component for both flows.
n selectedbutton with dropdown (shown above)Remove membersMake admin(when at least one member is selected)Make member(when at least one admin is selected)Tapping a row (not the checkbox) will bring them to these screens respectively:
Admins
Members
Just go direct to the profile screen for the user
Invite member button
Opens to a new screen:
Testing membership changes
When a member is added/removed or their admin status changes we will display the following "system messages" and must confirm these messages are present and showing up correctly prior to launching these features.
Groupchat triggers a system message for allGroupchat participants, e.g. “removed %displayName%”