Redesign for @-mention autocomplete items

[gnprice]

From @terpimost we have a spiffy new design for how the result items in @-mention autocomplete should look:

Detailed specs are in Figma:
https://www.figma.com/design/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=3859-3131&m=dev

This issue is only about the design for each item. Out of scope is how the whole list of autocomplete results is presented:

• Redesign for autocomplete result lists #914

[fombalang]

Hello everyone.
I started working on this issue

Before

After

I had some worries I would like to have clarified please.
The design file says the color token for the metaData (email) field is called contextMenuItemMeta, but there is no contextMenuItemMeta token in the DesignVariables so I used the designVariables.labelEdited color token instead.

Also, according to the design, the metaData can be constructed from various user information, please I would like to find out what variables exactly will be used for the metaData field? At the moment I am using the users[userId]!.email variable, which seems to be the user's Zulip specific email, not sure if that works?

Any feedback would be much appreciated, thank you.
@gnprice @chrisbobbe

[gnprice]

I made a chat thread to answer those questions:
https://chat.zulip.org/#narrow/stream/516-mobile-dev-help/topic/redesign.20for.20.40-mention.20autocomplete.20items/near/1958826

For future questions like these — questions about how a feature should work, or about how to develop a change — I recommend asking in a public channel in chat.zulip.org. That'll typically get you a faster response, and the discussion can be helpful for others reading it too. #mobile-dev-help is a good choice any time you're not sure which channel to use.

[fombalang]

I made a chat thread to answer those questions: https://chat.zulip.org/#narrow/stream/516-mobile-dev-help/topic/redesign.20for.20.40-mention.20autocomplete.20items/near/1958826

For future questions like these — questions about how a feature should work, or about how to develop a change — I recommend asking in a public channel in chat.zulip.org. That'll typically get you a faster response, and the discussion can be helpful for others reading it too. #mobile-dev-help is a good choice any time you're not sure which channel to use.

Okay, thank you. Understood