Skip to content

Commit db16dce

Browse files
improve the sequence
1 parent b1827a2 commit db16dce

3 files changed

Lines changed: 149 additions & 75 deletions

File tree

fundamentals/extensions-overview.mdx

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -11,32 +11,32 @@ Extensions pickup where our core leaves. They help extend the functionality of C
1111

1212
Extensions that help improve the user messaging experience. *Recommended for most apps.*
1313

14-
[Pin message](/fundamentals/pin-message)\
1514
[Bitly](/fundamentals/bitly)\
16-
[Avatars](/fundamentals/avatars)\
17-
[Message shortcuts](/fundamentals/message-shortcuts)\
1815
[Link Preview](/fundamentals/link-preview)\
16+
[Message shortcuts](/fundamentals/message-shortcuts)\
17+
[Pin message](/fundamentals/pin-message)\
1918
[Rich Media Preview](/fundamentals/rich-media-preview)\
2019
[Save message](/fundamentals/save-message)\
2120
[Thumbnail Generation](/fundamentals/thumbnail-generation)\
2221
[TinyURL](/fundamentals/tinyurl)\
23-
[Voice Transcription](/fundamentals/voice-transcription)
22+
[Voice Transcription](/fundamentals/voice-transcription)\
23+
[Avatars](/fundamentals/avatars)
2424

2525
### User Engagement
2626

2727
Extensions that help increase user engagement. *Recommended for advanced apps.*
2828

29-
[Email replies](/fundamentals/email-replies)\
30-
[Polls](/fundamentals/polls)\
3129
[Giphy](/fundamentals/giphy)\
32-
[Mentions](/fundamentals/mentions)\
3330
[Message Translation](/fundamentals/message-translation)\
34-
[Reactions](/fundamentals/reactions)\
35-
[Smart Reply](/fundamentals/smart-replies)\
31+
[Polls](/fundamentals/polls)\
32+
[Reminders](/fundamentals/reminders)\
3633
[Stickers](/fundamentals/stickers)\
3734
[Stipop](/fundamentals/stickers-stipop)\
3835
[Tenor](/fundamentals/tenor)\
39-
[Reminders](/fundamentals/reminders)\
36+
[Email replies](/fundamentals/email-replies)\
37+
[Mentions](/fundamentals/mentions)\
38+
[Reactions](/fundamentals/reactions)\
39+
[Smart Reply](/fundamentals/smart-replies)\
4040
[Live Streaming by api.video](/fundamentals/video-broadcasting)
4141

4242
### Collaboration
@@ -46,12 +46,19 @@ Extensions that help with collaboration. *Recommended for advanced apps.*
4646
[Collaborative Whiteboard](/fundamentals/collaborative-whiteboard)\
4747
[Collaborative Document](/fundamentals/collaborative-document)
4848

49+
### Security
50+
51+
*Extensions that help you to build adding extra security to your apps.* *Recommended for live streaming and event apps.*
52+
53+
[Disappearing messages](/fundamentals/disappearing-messages)\
54+
[End to End Encryption](/fundamentals/end-to-end-encryption)
55+
4956
### Customer Support
5057

5158
Extensions that help you add support to your app. *Recommended for advanced apps.*
5259

53-
[Intercom](/fundamentals/intercom)\
54-
[Chatwoot](/fundamentals/chatwoot)
60+
[Chatwoot](/fundamentals/chatwoot)\
61+
[Intercom](/fundamentals/intercom)
5562

5663
### Notifications
5764

@@ -66,10 +73,3 @@ Extensions that help alert users of new messages. *Recommended for all apps.*
6673
*Extensions that help you to build a safe messaging environment.* *Recommended for live streaming and event apps.*
6774

6875
[Legacy Moderation Extensions](/moderation/legacy-extensions)
69-
70-
### Security
71-
72-
*Extensions that help you to build adding extra security to your apps.* *Recommended for live streaming and event apps.*
73-
74-
[Disappearing messages](/fundamentals/disappearing-messages)\
75-
[End to End Encryption](/fundamentals/end-to-end-encryption)

ui-kit/react/core-features.mdx

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -133,45 +133,40 @@ Mentions is a robust feature provided by CometChat that enhances the interactivi
133133
| [Message Composer](/ui-kit/react/message-composer) | [Message Composer](/ui-kit/react/message-composer) is a component that allows users to craft and send various types of messages, including the usage of the mentions feature for direct addressing within the conversation. |
134134
| [Message List](/ui-kit/react/message-list) | [Message List](/ui-kit/react/message-list) is a component that displays a list of sent and received messages. It also supports the rendering of Mentions, enhancing the readability and interactivity of conversations. |
135135

136-
## Quoted Reply
136+
## Threaded Conversations
137137

138-
Quoted Reply is a robust feature provided by CometChat that enables users to quickly reply to specific messages by selecting the "Reply" option from a message's action menu. This enhances context, keeps conversations organized, and improves overall chat experience in both 1-1 and group chats.
138+
The Threaded Conversations feature enables users to respond directly to a specific message in a chat. This keeps conversations organized and enhances the user experience by maintaining context, especially in group chats.
139139

140140
<Frame>
141-
<img src="/images/f42ad8d3-swipe-to-reply_web_screens-c9204e4c244ca55a7ffe6c9498299625.png" />
141+
<img src="/images/c61ec9db-threaded_conversations-3aa9e480dfcc47159d393052f19f313f.png" />
142142
</Frame>
143143

144-
| Components | Functionality |
145-
| ------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
146-
| [Message List](/ui-kit/react/message-list) | [Message List](/ui-kit/react/message-list) supports replying to messages via the "Reply" option. Users can select "Reply" on a message to open the composer with the quoted reply pre-filled, maintaining context. |
147-
| [Message Composer](/ui-kit/react/message-composer) | [Message Composer](/ui-kit/react/message-composer) works seamlessly with Quoted Message by showing the quoted reply above the input field, letting users compose their response in proper context. |
144+
| Components | Functionality |
145+
| ----------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
146+
| [Threaded Message Preview](/ui-kit/react/threaded-message-preview) | [Threaded Message Preview](/ui-kit/react/threaded-message-preview) component displays the parent message along with the number of replies. |
148147

149-
## Conversation and Advanced Search
148+
## Quoted Replies
150149

151-
Conversation and Advanced Search is a powerful feature provided by CometChat that enables users to quickly find conversations, messages, and media across chats in real time. It supports filters, scopes, and custom actions, allowing users to locate content efficiently while keeping the chat experience smooth and intuitive.
150+
Quoted Replies is a robust feature provided by CometChat that enables users to quickly reply to specific messages by selecting the "Reply" option from a message's action menu. This enhances context, keeps conversations organized, and improves overall chat experience in both 1-1 and group chats.
152151

153152
<Frame>
154-
<img src="/images/1ab7cd1b-search_message_item_view_default_web_screens-2895b996369fcaa0e59203664c628b7b.png" />
153+
<img src="/images/f42ad8d3-swipe-to-reply_web_screens-c9204e4c244ca55a7ffe6c9498299625.png" />
155154
</Frame>
156155

157156
| Components | Functionality |
158157
| ------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
159-
| [Search](/ui-kit/react/search) | [Search](/ui-kit/react/search) allows users to search across conversations and messages in real time. Users can click on a result to open the conversation or jump directly to a specific message. |
160-
| [Message Header](/ui-kit/react/message-header) | [Message Header](/ui-kit/react/message-header) shows the search button in the chat header, allowing users to search within a conversation. |
161-
| [Message List](/ui-kit/react/message-list) | [Message List](/ui-kit/react/message-list) shows the selected message when clicked from search results and highlights it in the message list. |
162-
| [Conversations](/ui-kit/react/conversations) | [Conversations](/ui-kit/react/conversations) displays the search input. |
158+
| [Message List](/ui-kit/react/message-list) | [Message List](/ui-kit/react/message-list) supports replying to messages via the "Reply" option. Users can select "Reply" on a message to open the composer with the quoted reply pre-filled, maintaining context. |
159+
| [Message Composer](/ui-kit/react/message-composer) | [Message Composer](/ui-kit/react/message-composer) works seamlessly with Quoted Message by showing the quoted reply above the input field, letting users compose their response in proper context. |
163160

164-
## Threaded Conversations
161+
## Group Chat
165162

166-
The Threaded Conversations feature enables users to respond directly to a specific message in a chat. This keeps conversations organized and enhances the user experience by maintaining context, especially in group chats.
163+
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.
167164

168165
<Frame>
169-
<img src="/images/c61ec9db-threaded_conversations-3aa9e480dfcc47159d393052f19f313f.png" />
166+
<img src="/images/f42ad8d3-group_chat_web_screens-c9204e4c244ca55a7ffe6c9498299625.png" />
170167
</Frame>
171168

172-
| Components | Functionality |
173-
| ----------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
174-
| [Threaded Message Preview](/ui-kit/react/threaded-message-preview) | [Threaded Message Preview](/ui-kit/react/threaded-message-preview) component displays the parent message along with the number of replies. |
169+
For a comprehensive understanding and guide on implementing and using the Groups feature in CometChat, you should refer to our detailed guide on [Groups](/ui-kit/react/groups).
175170

176171
## Moderation
177172

@@ -207,15 +202,20 @@ Learn more about how flagged messages are handled, reviewed, and moderated in th
207202
| ----------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
208203
| [Message List](/ui-kit/react/message-list) | [Message List](/ui-kit/react/message-list) provides the "Report Message" option in the message actions menu, allowing users to initiate the reporting process for inappropriate messages. |
209204

210-
## Group Chat
205+
## Conversation and Advanced Search
211206

212-
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.
207+
Conversation and Advanced Search is a powerful feature provided by CometChat that enables users to quickly find conversations, messages, and media across chats in real time. It supports filters, scopes, and custom actions, allowing users to locate content efficiently while keeping the chat experience smooth and intuitive.
213208

214209
<Frame>
215-
<img src="/images/f42ad8d3-group_chat_web_screens-c9204e4c244ca55a7ffe6c9498299625.png" />
210+
<img src="/images/1ab7cd1b-search_message_item_view_default_web_screens-2895b996369fcaa0e59203664c628b7b.png" />
216211
</Frame>
217212

218-
For a comprehensive understanding and guide on implementing and using the Groups feature in CometChat, you should refer to our detailed guide on [Groups](/ui-kit/react/groups).
213+
| Components | Functionality |
214+
| ------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
215+
| [Search](/ui-kit/react/search) | [Search](/ui-kit/react/search) allows users to search across conversations and messages in real time. Users can click on a result to open the conversation or jump directly to a specific message. |
216+
| [Message Header](/ui-kit/react/message-header) | [Message Header](/ui-kit/react/message-header) shows the search button in the chat header, allowing users to search within a conversation. |
217+
| [Message List](/ui-kit/react/message-list) | [Message List](/ui-kit/react/message-list) shows the selected message when clicked from search results and highlights it in the message list. |
218+
| [Conversations](/ui-kit/react/conversations) | [Conversations](/ui-kit/react/conversations) displays the search input. |
219219

220220

221221
---

0 commit comments

Comments
 (0)