Hotfix: Add console for announcement of renderCustomMessage props (#54)

* Add console for announcement of renderCustomMessage props

* Deprecate unused prop readStatus

Co-authored-by: Sravan S <[email protected]>

Author: HoonBaek

src/smart-components/App/stories/index.stories.js

@@ -276,6 +276,9 @@ const CustomApp = () => {
                   setChannelSettings(false);
                   setChannelSearch(true);
                 }}
+                renderCustomMessage={() => {
+                  return null;
+                }}
               />
             </div>
             {channelSearch && (

src/smart-components/Conversation/components/ConversationScroll.jsx

@@ -238,7 +238,6 @@ ConversationScroll.propTypes = {
   deleteMessage: PropTypes.func.isRequired,
   resendMessage: PropTypes.func.isRequired,
   updateMessage: PropTypes.func.isRequired,
-  readStatus: PropTypes.shape({}).isRequired,
   currentGroupChannel: PropTypes.shape({
     markAsRead: PropTypes.func,
     members: PropTypes.arrayOf(PropTypes.shape({})),

src/smart-components/Conversation/index.jsx

@@ -86,6 +86,13 @@ export const ConversationPanel = (props) => {
     console.warn('messageListQuery has been deprecated, please use messageListParams instead');
   }
 
+  useEffect(() => {
+    if (renderCustomMessage) {
+      // eslint-disable-next-line no-console
+      console.info('The parameter type of renderCustomMessage will be changed to the object in the next minor update.');
+    }
+  }, []);
+
   const [intialTimeStamp, setIntialTimeStamp] = useState(startingPoint);
   useEffect(() => {
     setIntialTimeStamp(startingPoint);

src/smart-components/OpenchannelConversation/hooks/useResendMessageCallback.ts

@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 import * as messageActionTypes from '../dux/actionTypes';
 
-interface StaticParams {
+interface DynamicParams {
   currentOpenChannel: SendbirdUIKit.OpenChannelType;
 }
 interface StaticParams {
@@ -11,7 +11,7 @@ interface StaticParams {
 type CallbackReturn = (failedMessage: SendbirdUIKit.ClientUserMessage | SendbirdUIKit.ClientFileMessage) => void;
 
 function useResendMessageCallback(
-  { currentOpenChannel }: StaticParams,
+  { currentOpenChannel }: DynamicParams,
   { logger, messagesDispatcher }: StaticParams,
 ): CallbackReturn {
   return useCallback((failedMessage) => {

src/smart-components/OpenchannelConversation/index.tsx

@@ -144,6 +144,14 @@ export const OpenchannelConversation = (props: Props): JSX.Element => {
     { channelUrl, sdkInit, fetchingParticipants },
     { sdk, logger, messagesDispatcher },
   );
+
+  useEffect(() => {
+    if (renderCustomMessage) {
+      // eslint-disable-next-line no-console
+      console.info('The parameter type of renderCustomMessage will be changed to the object in the next minor update.');
+    }
+  }, []);
+
   const checkScrollBottom = useCheckScrollBottom(
     { conversationScrollRef },
     { logger },

src/ui/ContextMenu/index.jsx

@@ -50,7 +50,7 @@ MenuItem.propTypes = {
     PropTypes.element,
   ]).isRequired,
   onClick: PropTypes.func.isRequired,
-  disable: PropTypes.func,
+  disable: PropTypes.bool,
 };
 
 MenuItem.defaultProps = {