From 03a12cf3ada88a3f71bf322c7589767292ce4b0f Mon Sep 17 00:00:00 2001 From: Swayam Debata Date: Tue, 2 Dec 2025 18:24:49 +0530 Subject: [PATCH] Enhance documentation for Mentions and add Report Message feature details --- ui-kit/react-native/core-features.mdx | 16 ++++++++++++++-- ui-kit/react-native/message-composer.mdx | 2 ++ ui-kit/react-native/message-list.mdx | 2 ++ 3 files changed, 18 insertions(+), 2 deletions(-) diff --git a/ui-kit/react-native/core-features.mdx b/ui-kit/react-native/core-features.mdx index 8a31d20c..76e02bab 100644 --- a/ui-kit/react-native/core-features.mdx +++ b/ui-kit/react-native/core-features.mdx @@ -92,8 +92,7 @@ CometChat's Reactions feature adds a layer of expressiveness to your chat applic ## Mentions -Mentions is a robust feature provided by CometChat that enhances the interactivity and clarity of group or 1-1 chats by allowing users to directly address or refer to specific individuals in a conversation. - +Mentions is a robust feature provided by CometChat that enhances the interactivity and clarity of group or 1-1 chats by allowing users to directly address or refer to specific individuals in a conversation. The feature also supports group mentions like @all, enabling users to quickly notify all members in a group chat simultaneously. @@ -118,6 +117,19 @@ The Threaded Conversations feature enables users to respond directly to a specif | [MessageComposer](/ui-kit/react-native/message-composer) | [MessageComposer](/ui-kit/react-native/message-composer) component enables users to compose and send various types of messages. | | [MessageList](/ui-kit/react-native/message-list) | [MessageList](/ui-kit/react-native/message-list) component displays a chronological list of sent and received messages. It also supports Mentions, making conversations more interactive and easier to follow by highlighting direct references to users. | + +## Report Message + +The Report Message feature allows users to report inappropriate or harmful messages within the chat. Users can choose from predefined reasons and provide additional remarks for detailed context. This feature helps maintain a safe and respectful chat environment. + + + + + +| Components | Functionality | +| ----------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| [Message List](/ui-kit/react-native/message-list) | [Message List](/ui-kit/react-native/message-list) provides the "Report Message" option in the message actions menu, allowing users to initiate the reporting process for inappropriate messages. | + ## Group Chat CometChat facilitates Group Chats, allowing users to have conversations with multiple participants simultaneously. This feature is crucial for team collaborations, group discussions, social communities, and more. diff --git a/ui-kit/react-native/message-composer.mdx b/ui-kit/react-native/message-composer.mdx index 608ee965..d5dc9166 100644 --- a/ui-kit/react-native/message-composer.mdx +++ b/ui-kit/react-native/message-composer.mdx @@ -216,6 +216,8 @@ Below is a list of customizations along with corresponding code snippets | **hideSendButton** | toggle visibility of send button option. | `hideSendButton={true}` | | **hideAuxiliaryButtons** | toggle visibility of Auxiliary button option. | `hideAuxiliaryButtons={true}` | | **disableMentions** | Sets whether mentions in text should be disabled. Processes the text formatters If there are text formatters available and the disableMentions flag is set to true, it removes any formatters that are instances of CometChatMentionsFormatter. | `disableMentions={true}` | +| **disableMentionAll** | Controls whether group mentions like @all appear in suggestions. | `disableMentionAll={true}` | +| **mentionAllLabel** | Allows setting a custom alias label for group mentions (@channel, @everyone, etc.). | `mentionAllLabel="all"` | *** diff --git a/ui-kit/react-native/message-list.mdx b/ui-kit/react-native/message-list.mdx index ca3e76ed..c7f04474 100644 --- a/ui-kit/react-native/message-list.mdx +++ b/ui-kit/react-native/message-list.mdx @@ -411,6 +411,8 @@ Below is a list of customizations along with corresponding code snippets | **hideMessageInfoOption** | used to toggle visibility of hide message info option in MessageList | `hideMessageInfoOption={true}` | | **hideGroupActionMessages** | used to toggle visibility of hide group action info option in MessageList | `hideGroupActionMessages={true}` | | **hideTimestamp** | used to toggle visibility of hide timestamp in MessageList | `hideTimestamp={true}` | +| **hideFlagMessageOption** | Hides the "Report Message" option from message actions menu. | `hideFlagMessageOption={true}` | +| **hideFlagMessageOption** | Hides the remark text area in the flag message dialog. | `hideFlagRemarkField={true}` | ***