Merge pull request #817 from GetStream/hopin-fixes

Hopin fixes

Author: DanC5

CHANGELOG.md

@@ -1,6 +1,27 @@
 # Changelog
 
 
+## [5.1.0](https://github.com/GetStream/stream-chat-react/releases/tag/v5.1.0) 2021-03-30
+
+### Feature
+
+- Add type support for Moment.js date objects [#809](https://github.com/GetStream/stream-chat-react/pull/809)
+- Add i18n translation support for `ChannelPreview` [#810](https://github.com/GetStream/stream-chat-react/pull/810)
+- Allow `addNotification` function to be called anywhere within `Channel` [#811](https://github.com/GetStream/stream-chat-react/pull/811)
+- Hide `MessageActions` if no actions exist [#816](https://github.com/GetStream/stream-chat-react/pull/816)
+
+### Chore
+
+- Refactor failed message UI component [#811](https://github.com/GetStream/stream-chat-react/pull/811)
+- Remove extra `watchers` query [#817](https://github.com/GetStream/stream-chat-react/pull/817)
+- Prevent `queryUsers` from searching a null value [#817](https://github.com/GetStream/stream-chat-react/pull/817)
+
+## [5.0.3](https://github.com/GetStream/stream-chat-react/releases/tag/v5.0.3) 2021-03-24
+
+### Feature
+
+- Add customization options for `renderText` function [#807](https://github.com/GetStream/stream-chat-react/pull/807)
+
 ## [5.0.2](https://github.com/GetStream/stream-chat-react/releases/tag/v5.0.2) 2021-03-23
 
 ### Bug

src/components/Channel/Channel.tsx

@@ -466,6 +466,7 @@ const ChannelInner = <
       try {
         queryResponse = await channel.query({
           messages: { id_lt: oldestID, limit: perPage },
+          watchers: { limit: perPage },
         });
       } catch (e) {
         console.warn('message pagination request failed with error', e);

src/components/Channel/__tests__/Channel.test.js

@@ -407,6 +407,9 @@ describe('Channel', () => {
               id_lt: messages[0].id,
               limit,
             },
+            watchers: {
+              limit,
+            },
           }),
         );
 

src/components/ChatAutoComplete/ChatAutoComplete.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
 import debounce from 'lodash.debounce';
 
 import { AutoCompleteTextarea } from '../AutoCompleteTextarea';
@@ -244,7 +244,7 @@ const UnMemoizedChatAutoComplete = <
     value,
   } = props;
 
-  const { channel, emojiConfig, thread } = useChannelContext<
+  const { channel, emojiConfig } = useChannelContext<
     At,
     Ch,
     Co,
@@ -257,18 +257,6 @@ const UnMemoizedChatAutoComplete = <
 
   const [searching, setSearching] = useState(false);
 
-  useEffect(() => {
-    const getWatchers = async () => {
-      await channel?.watch({
-        watchers: { limit: 100, offset: 0 },
-      });
-    };
-
-    if (!thread) {
-      getWatchers();
-    }
-  }, []);
-
   const members = channel?.state?.members;
   const watchers = channel?.state?.watchers;
   const { emojiData, EmojiIndex } = emojiConfig || {};
@@ -341,7 +329,7 @@ const UnMemoizedChatAutoComplete = <
     query: string,
     onReady: (users: UserResponse<Us>[]) => void,
   ) => {
-    if (searching) return;
+    if (!query || searching) return;
     setSearching(true);
 
     try {