FTUE: Improve user lists in Create DM & Invite

[nadonomy]

https://zpl.io/ad141pp

Notes

• List the 6 most recent DM’s, sorted by activity, then suggestions
• Ensure that search input yields results from all parts of the mxid (e.g searching for ‘matrix’ should also yield results from the domainpart, so users don’t need to to know mxid syntax, or have to prefix search queries with @)
• Ensure users can enter 3PID’s
• Display flair next to usernames, visualised the same as elsewhere in the app, capped at a max amount?
• Search results should have a selected result, which is navigable by keyboard (arrows) and completable (enter/tab)
• Highlight (with font weight) matching strings in search results when searching
• When ticking/completing search results, add pill & clear outstanding input
• If trivial, include profile pics in pills like in message composer
• After dogfooding, consider adding an x inside each pill to the right so users can delete pills with mouse input

TBD

• Profile link links to matrix.to link of own profile with target=”_blank” (Could explore adding this to a tooltip with copy to clipboard button also)— concerns that matrix.to links could be confusing, re-sync on this before implementation

[turt2live]

Closing in favour of smaller issues:

• Add recent DMs to Invite/Create DM dialog #11197
• Add suggestions to Invite/Create DM dialog #11198
• New input field in Invite/Create DM dialog #11199
• Redesigned search results in suggestions/recent conversations in Invite/Create DM dialog #11200
• Apply new design to user lists in Invite/Create DM dialog #11201