Merge pull request #789 from GetStream/develop

vishalnarkhede · web-flow · commit e27ec6d774c5 · 2021-08-05T00:12:36.000+02:00
Next release
diff --git a/docusaurus/docs/reactnative/assets/guides/channel-list-customization/load_more_button.png b/docusaurus/docs/reactnative/assets/guides/channel-list-customization/load_more_button.png
diff --git a/docusaurus/docs/reactnative/assets/guides/customize-channel-list/load_more_button_1.png b/docusaurus/docs/reactnative/assets/guides/customize-channel-list/load_more_button_1.png
diff --git a/docusaurus/docs/reactnative/assets/guides/message-actions-customization/message_actions.png b/docusaurus/docs/reactnative/assets/guides/message-actions-customization/message_actions.png
diff --git a/docusaurus/docs/reactnative/assets/guides/message-actions-customization/my_message_actions.png b/docusaurus/docs/reactnative/assets/guides/message-actions-customization/my_message_actions.png
diff --git a/docusaurus/docs/reactnative/assets/guides/message-input-customization/.DS_Store b/docusaurus/docs/reactnative/assets/guides/message-input-customization/.DS_Store
diff --git a/docusaurus/docs/reactnative/assets/guides/message-input-customization/native_attachment_picker_step_1.png b/docusaurus/docs/reactnative/assets/guides/message-input-customization/native_attachment_picker_step_1.png
diff --git a/docusaurus/docs/reactnative/assets/guides/message-input-customization/native_attachment_picker_step_2.png b/docusaurus/docs/reactnative/assets/guides/message-input-customization/native_attachment_picker_step_2.png
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/block_user.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/block_user.mdx
@@ -1,6 +1,6 @@
 Override of the *Block User* [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
 The `blockUser` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/copy_message.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/copy_message.mdx
@@ -1,6 +1,6 @@
 Override of the *Copy Message* [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
 The `copyMessage` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/delete_message.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/delete_message.mdx
@@ -1,6 +1,6 @@
 Override of the *Delete Message* [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
 The `deleteMessage` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/edit_message.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/edit_message.mdx
@@ -1,6 +1,6 @@
 Override of the *Edit Message* [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
 The `editMessage` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/flag_message.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/flag_message.mdx
@@ -1,6 +1,6 @@
 Override of the *Flag Message* [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
 The `flagMessage` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_block.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_block.mdx
@@ -1,6 +1,6 @@
 Function called when the *Block User* action is invoked from message actions list.
 This function does not override the default behavior of the *Block User* action.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_copy.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_copy.mdx
@@ -1,6 +1,6 @@
 Function called when the *Copy Message* action is invoked from message actions list.
 This function does not override the default behavior of the *Copy Message* action.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_delete.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_delete.mdx
@@ -1,6 +1,6 @@
 Function called when the *Delete Message* action is invoked from message actions list.
 This function does not override the default behavior of the *Delete Message* action.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_edit.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_edit.mdx
@@ -1,6 +1,6 @@
 Function called when the *Edit Message* action is invoked from message actions list.
 This function does not override the default behavior of the *Edit Message* action.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_flag.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_flag.mdx
@@ -1,6 +1,6 @@
 Function called when the *Flag Message* action is invoked from message actions list.
 This function does not override the default behavior of the *Flag Message* action.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_mute.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_mute.mdx
@@ -1,6 +1,6 @@
 Function called when the *Mute User* action is invoked from message actions list.
 This function does not override the default behavior of the *Mute User* action.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_quoted_reply.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_quoted_reply.mdx
@@ -1,6 +1,6 @@
 Function called when the *Reply* action is invoked from message actions list.
 This function does not override the default behavior of the *Reply* action.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_reaction.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_reaction.mdx
@@ -1,6 +1,6 @@
 Function called when a reaction is selected in the message overlay, this is called on both the add and remove action.
 This function does not override the default behavior of the reaction being selected.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_retry.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_retry.mdx
@@ -1,6 +1,6 @@
 Function called when the *Retry* action is invoked from message actions list.
 This function does not override the default behavior of the *Retry* action.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_thread_reply.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/handle_thread_reply.mdx
@@ -1,6 +1,6 @@
 Function called when the *Thread Reply* action is invoked from message actions list.
 This function does not override the default behavior of the *Thread Reply* action.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/message_actions.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/message_actions.mdx
@@ -1,5 +1,5 @@
 An array of, or function that returns and array of, actions that can be performed on a message shown in the the message overlay.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type | Default |
 | - | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/mute_user.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/mute_user.mdx
@@ -1,6 +1,6 @@
 Override of the *Mute User* [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
 The `muteUser` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/quoted_reply.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/quoted_reply.mdx
@@ -1,6 +1,6 @@
 Override of the *Reply* [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
 The `quotedReply` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/retry.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/retry.mdx
@@ -1,6 +1,6 @@
 Override of the *Resend Message* [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
 The `retry` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/select_reaction.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/select_reaction.mdx
@@ -1,6 +1,6 @@
 Full override of the reaction function on a message.
 This function must return a function that takes as a parameter the `reactionType` as a string.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/common-content/core-components/channel/props/thread_reply.mdx b/docusaurus/docs/reactnative/common-content/core-components/channel/props/thread_reply.mdx
@@ -1,6 +1,6 @@
 Override of the *Thread Reply* [`MessageAction`](/reactnative/object-types/message-action) shown when a user long presses a message.
 The `threadReply` function receives as a parameter the relevant message and must return a `MessageAction`.
-Please refer to [the guide on customizing message actions](/reactnative/guides/customize-message-actions) for details.
+Please refer to [the guide on customizing message actions](../../../../guides/message_actions_customization.mdx) for details.
 
 | Type |
 | - |
diff --git a/docusaurus/docs/reactnative/core-components/channel.mdx b/docusaurus/docs/reactnative/core-components/channel.mdx
@@ -73,7 +73,6 @@ import InputButtons from '../common-content/core-components/channel/props/input_
 import MarkdownRules from '../common-content/core-components/channel/props/markdown_rules.mdx';
 import MaxMessageLength from '../common-content/core-components/channel/props/max_message_length.mdx'
 import MaxNumberOfFiles from '../common-content/core-components/channel/props/max_number_of_files.mdx'
-// import Message from '../common-content/core-components/channel/props/message.mdx';
 import MessageAvatar from '../common-content/core-components/channel/props/message_avatar.mdx';
 import MessageContent from '../common-content/core-components/channel/props/message_content.mdx';
 import MessageActions from '../common-content/core-components/channel/props/message_actions.mdx';
diff --git a/docusaurus/docs/reactnative/guides/channel_list_customization.mdx b/docusaurus/docs/reactnative/guides/channel_list_customization.mdx
@@ -4,11 +4,11 @@ sidebar_position: 4
 title: Customize ChannelList
 ---
 
-import loadMoreButton from '../assets/guides/customize-channel-list/load_more_button.png'
+import loadMoreButton from '../assets/guides/channel-list-customization/load_more_button.png'
 
 Let's look at how to make some customizations to [`ChannelList`](../core-components/channel_list.mdx).
 
-## Customize event handlers?
+## Customizing Event Handlers
 
 `ChannelList` uses [Event Listeners](https://getstream.io/chat/docs/javascript/event_listening/?language=javascript) to dynamically update when changes occur.
 If a new message is received, a user is added to a channel, or other events take place, the `ChannelList` will update its UI accordingly.
@@ -77,7 +77,7 @@ const customOnMessageNew = async (setChannels, event) => {
 
 Similarly, events other than notification.message_new can be handled as per application requirement.
 
-## Replace infinite scroll pagination with "Load More" button?
+## Replacing infinite scroll pagination with "Load More" button
 
 <div style={{ display: 'flex', justifyContent: 'space-between' }}>
 <div>
@@ -102,7 +102,7 @@ Additionally, you can use pagination related flags such as `loadNextPage`, `hasN
 import { Button } from 'react-native';
 import { useChannelsContext } from 'stream-chat-react-native';
 
-const FotterLoadMoreButton = () => {
+const FooterLoadMoreButton = () => {
   const { loadingChannels, loadNextPage, hasNextPage } = useChannelsContext();
 
   if (loadingChannels || !hasNextPage) return null;
@@ -112,7 +112,7 @@ const FotterLoadMoreButton = () => {
 
 <ChannelList 
   additionalFlatListProps={{
-    ListFooterComponent: FotterLoadMoreButton,
+    ListFooterComponent: FooterLoadMoreButton,
     onEndReached: () => null
   }}
 />
diff --git a/docusaurus/docs/reactnative/guides/message_actions_customization.mdx b/docusaurus/docs/reactnative/guides/message_actions_customization.mdx
@@ -4,9 +4,8 @@ sidebar_position: 4
 title: Customize Message Actions
 ---
 
-import useBaseUrl from '@docusaurus/useBaseUrl';
-import messageActions from '../assets/guides/message_actions.png';
-import myMessageActions from '../assets/guides/my_message_actions.png';
+import messageActions from '../assets/guides/message-actions-customization/message_actions.png';
+import myMessageActions from '../assets/guides/message-actions-customization/my_message_actions.png';
 
 Message actions pop up in message overlay, when you longpress a message. We have provided a granular control over these actions.
 By default we render the following actions (as shown in screenshots)
diff --git a/docusaurus/docs/reactnative/guides/message_input_customization.mdx b/docusaurus/docs/reactnative/guides/message_input_customization.mdx
diff --git a/docusaurus/docs/reactnative/ui-components/auto_complete_input.mdx b/docusaurus/docs/reactnative/ui-components/auto_complete_input.mdx
diff --git a/docusaurus/docs/reactnative/ui-components/message_input.mdx b/docusaurus/docs/reactnative/ui-components/message_input.mdx
diff --git a/package/src/components/ImageGallery/ImageGallery.tsx b/package/src/components/ImageGallery/ImageGallery.tsx
diff --git a/package/src/components/MessageInput/MessageInput.tsx b/package/src/components/MessageInput/MessageInput.tsx
