Other member name and avatar is not displayed when using ChannelList with ChannelPreviewMessenger

[syntax-e]

Repro steps:

1. Create new react native project via react-native init
2. Add stream-chat-react-native per directions on this github repo
3. Set current user via:

    const user = {
      id: userId,
      name: userName,
      image: userAvatarUrl
    }
    chatClient.setUser(user, userToken)

userId is a guid permanently associated with the current user that users will never see. userName and userAvatar are what we expect to see in the channel list channel preview

4. Create a channel via:

chatClient.channel('messaging', {
          members: [user.id, recipientId]
        })

where user.id is the userId of the current user and recipientId is the userId of the other user in a 1:1 chat.

5. Display channel list via

  <ChannelList
              filters={{ type: 'messaging', members: { $in: [userId] } }}
              sort={{ last_message_at: -1 }}
              Preview={ChannelPreviewMessenger}
              onSelect={channel => { Actions.streamChannel({ channel }) }}
            /> 

where userId is the userId of the current user.

Result:

• Channel previews display with:
  • No channel name (expected the name of the other participant in the channel)
  • A solid blue avatar (expected the avatar of the other participant in the channel)

Expected something like:

Note:

• Mentions by name work properly within a channel
• Other participant is typing indicator works properly by name within a channel
• Avatars work properly within a channel

[vishalnarkhede]

Hey @harrisonschwartz

Thanks for bringing this up. This is now fixed as part of v0.1.19. Please reopen the issue if it doesn't work for you :)

[syntax-e]

That fixed it. Looks good. Thank you!

[ChenDimri]

Hi, I'm using version 3.10.2, and I only see the sender name if the massage in the preview is sent by me.
Is there something that I need to do to be able to see the sender name no matter who sent it?