feat: Thread renders null if replies is disabled (#580)

* feat: Thread renders null if replies is disabled

* cleanup Thread a bit

src/components/Thread/Thread.js

@@ -91,16 +91,18 @@ class Thread extends PureComponent {
   };
 
   render() {
-    if (!this.props.thread) {
-      return null;
-    }
-    const parentID = this.props.thread.id;
-    const cid = this.props.channel && this.props.channel.cid;
+    const { thread, channel } = this.props;
+
+    if (!thread || channel?.getConfig?.()?.replies === false) return null;
 
-    const key = `thread-${parentID}-${cid}`;
     // We use a wrapper to make sure the key variable is set.
     // this ensures that if you switch thread the component is recreated
-    return <ThreadInner {...this.props} key={key} />;
+    return (
+      <ThreadInner
+        {...this.props}
+        key={`thread-${thread.id}-${channel?.cid}`}
+      />
+    );
   }
 }
 

src/components/Thread/__tests__/Thread.test.js

@@ -1,7 +1,15 @@
 import React from 'react';
+import renderer from 'react-test-renderer';
 import { render, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import { generateUser, generateMessage } from '../../../mock-builders';
+import {
+  generateUser,
+  generateMessage,
+  useMockedApis,
+  getTestClientWithUser,
+  getOrCreateChannelApi,
+  generateChannel,
+} from 'mock-builders';
 import { Message as MessageMock } from '../../Message';
 import { MessageList as MessageListMock } from '../../MessageList';
 import { MessageInput as MessageInputMock } from '../../MessageInput';
@@ -159,4 +167,24 @@ describe('Thread', () => {
 
     expect(channelContextMock.loadMoreThread).toHaveBeenCalledTimes(1);
   });
+
+  it('should render null if replies is disabled', async () => {
+    const client = await getTestClientWithUser();
+    const ch = generateChannel({ config: { replies: false } });
+    useMockedApis(client, [getOrCreateChannelApi(ch)]);
+    const channel = client.channel('messaging', ch.id);
+    await channel.watch();
+
+    const tree = renderer
+      .create(
+        <ChannelContext.Provider
+          value={{ ...channelContextMock, client, channel }}
+        >
+          <Thread />
+        </ChannelContext.Provider>,
+      )
+      .toJSON();
+
+    expect(tree).toMatchInlineSnapshot(`null`);
+  });
 });