MessageRenderer > IncomingAvatar press

Sendbird Chat UIKit React Native
1

[Problem/Question]
// Detailed description of issue.

Greetings,

The onPressAvatar function in MessageRenderer, if my conjecture is correct, is not being utilized within MessageIncomingAvatar. Consequently, the avatar click is operational under all circumstances. Could you possibly verify this?

// If problem, please fill out the below. If question, please delete.
[UIKit Version]
// What version of the SDK are you using?

  • 2.5.0

[Reproduction Steps]
// Please provide reproduction steps and, if possible, code snippets.

    <GroupChannelFragment
      channel={channel}
      keyboardAvoidOffset={height}
      onPressMediaMessage={(fileMessage, deleteMessage) => {
        navigation.navigate('SendbirdFileViewer', {
          serializedFileMessage: fileMessage.serialize(),
          deleteMessage,
        });
      }}
      onChannelDeleted={() => {
        navigation.navigate('ChannelList');
      }}
      onPressHeaderLeft={() => {
        navigation.goBack();
      }}
      onPressHeaderRight={() => {}}
      renderMessage={props => <MessageRenderer {...props} onPressAvatar={() => {}} />}
    />

const MessageIncomingAvatar = ({ message, grouping }: Props) => {
  const { show } = useUserProfile();
  if (grouping) return <View style={styles.avatar} />;
  return (
    <View style={styles.avatar}>
      {(message.isFileMessage() || message.isUserMessage()) && (
        <Pressable onPress={() => show(message.sender)}>
          <Avatar size={26} uri={message.sender?.profileUrl} />
        </Pressable>
      )}
    </View>
  );
};

[Frequency]
// How frequently is this issue occurring?

  • Always

[Current impact]
// How is this currently impacting your implementation?

  • At present, we have no intention of employing the avatar click event. Therefore, I should be able to resolve this by passing null to onPressAvatar.
2

Hello, the MessageRenderer component does not have the onPressAvatar prop.
Next week, we plan to deploy the enableUsingDefaultUserProfile option, which is related to disabling the message profile. Thank you.

3

I too have a similar problem
I want to make the profile card visible but only the message button in the card not visible. Is this feature planned to be added?

4

No, there are no plans to provide such a feature. We are currently refactoring the group channel message components. We also plan to implement onPressAvatar prop, so we recommend implementing it using custom components after that.
Thank you.

5

Have you published this? If you haven’t published it, is there a specific schedule for when it will be published? @Airen_Kang

6

Hello, React-Native UIKit is currently preparing a major update with several additional features included. (One of the features is closely related to the uikit options which includes enableUsingDefaultUserProfile)
The release is maybe around the last week of June. If it’s urgent, you can temporarily patch files with patch-package. I apologize for the delay in the work.

1 Like