diff --git a/packages/uikit-react-native/src/components/ChannelInput/index.tsx b/packages/uikit-react-native/src/components/ChannelInput/index.tsx index 2073d06a..645fa4dc 100644 --- a/packages/uikit-react-native/src/components/ChannelInput/index.tsx +++ b/packages/uikit-react-native/src/components/ChannelInput/index.tsx @@ -37,6 +37,10 @@ export type SuggestedMentionListProps = { inputHeight: number; onPressToMention: (user: SendbirdMember, searchStringRange: Range) => void; mentionedUsers: MentionedUser[]; + /** + * Whether to show user id information on each item. + * */ + showUserId?: boolean; }; export type ChannelInputProps = { diff --git a/packages/uikit-react-native/src/domain/groupChannel/component/GroupChannelSuggestedMentionList.tsx b/packages/uikit-react-native/src/domain/groupChannel/component/GroupChannelSuggestedMentionList.tsx index 40535fd1..863b7caa 100644 --- a/packages/uikit-react-native/src/domain/groupChannel/component/GroupChannelSuggestedMentionList.tsx +++ b/packages/uikit-react-native/src/domain/groupChannel/component/GroupChannelSuggestedMentionList.tsx @@ -26,6 +26,7 @@ const GroupChannelSuggestedMentionList = ({ bottomInset, onPressToMention, mentionedUsers, + showUserId = true, }: GroupChannelProps['SuggestedMentionList']) => { const { width: screenWidth, height: screenHeight } = useWindowDimensions(); const { channel } = useContext(GroupChannelContexts.Fragment); @@ -79,9 +80,11 @@ const GroupChannelSuggestedMentionList = ({ {member.nickname || STRINGS.LABELS.USER_NO_NAME} - - {member.userId} - + {!!showUserId && ( + + {member.userId} + + )} diff --git a/packages/uikit-react-native/src/domain/groupChannelThread/component/GroupChannelThreadSuggestedMentionList.tsx b/packages/uikit-react-native/src/domain/groupChannelThread/component/GroupChannelThreadSuggestedMentionList.tsx index 8856478d..19f80e7a 100644 --- a/packages/uikit-react-native/src/domain/groupChannelThread/component/GroupChannelThreadSuggestedMentionList.tsx +++ b/packages/uikit-react-native/src/domain/groupChannelThread/component/GroupChannelThreadSuggestedMentionList.tsx @@ -25,6 +25,7 @@ const GroupChannelThreadSuggestedMentionList = ({ bottomInset, onPressToMention, mentionedUsers, + showUserId = true, }: GroupChannelThreadProps['SuggestedMentionList']) => { const { width: screenWidth, height: screenHeight } = useWindowDimensions(); const { channel } = useContext(GroupChannelThreadContexts.Fragment); @@ -78,9 +79,11 @@ const GroupChannelThreadSuggestedMentionList = ({ {member.nickname || STRINGS.LABELS.USER_NO_NAME} - - {member.userId} - + {!!showUserId && ( + + {member.userId} + + )}