@messenger-box/platform-mobile 0.0.1-alpha.437 → 0.0.1-alpha.454

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/platform-mobile",
-    "version": "0.0.1-alpha.437",
+    "version": "0.0.1-alpha.454",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -19,8 +19,8 @@
         "watch": "yarn build:lib:watch"
     },
     "dependencies": {
-        "@messenger-box/core": "0.0.1-alpha.437",
-        "@messenger-box/platform-client": "0.0.1-alpha.437",
+        "@messenger-box/core": "0.0.1-alpha.454",
+        "@messenger-box/platform-client": "0.0.1-alpha.454",
         "base-64": "1.0.0",
         "react-native-gifted-chat": "1.0.4"
     },
@@ -40,5 +40,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "b37d42f00a8fb15f2d364e8e1b96e811cce60279"
+    "gitHead": "ca227b522c6f1cc7f0f853480df3953ddc6dd439"
 }

package/src/screens/inbox/containers/ConversationView.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Avatar, Box, Button, HStack, Icon, Image, Spinner, Text, useColorModeValue, } from 'native-base';
+import { Avatar, Box, Button, HStack, Icon, Image, Spinner, Text, useColorModeValue } from 'native-base';
 import { Platform, TouchableHighlight } from 'react-native';
 import { useFocusEffect, useIsFocused, useNavigation } from '@react-navigation/native';
 import { useSelector } from 'react-redux';
@@ -109,22 +109,22 @@ const ConversationViewComponent = ({ channelId, role }: any) => {
         refetchWritePolicy: 'merge',
     });
 
-    const {
-        data: channelsDetail,
-        loading: channelLoading,
-        refetch: refetchChannelDetail,
-    } = useViewChannelDetailQuery({
-        variables: {
-            id: channelId?.toString(),
-        },
-    });
+    // const {
+    //     data: channelsDetail,
+    //     loading: channelLoading,
+    //     refetch: refetchChannelDetail,
+    // } = useViewChannelDetailQuery({
+    //     variables: {
+    //         id: channelId?.toString(),
+    //     },
+    // });
     // const { data: users } = useGetAllUsersQuery();
 
     useFocusEffect(
         React.useCallback(() => {
             // Do something when the screen is focused
             setSkip(0);
-            refetchChannelDetail({ id: channelId?.toString() });
+            //  refetchChannelDetail({ id: channelId?.toString() });
             refetch({
                 channelId: channelId?.toString(),
                 parentId: null,
@@ -246,7 +246,7 @@ const ConversationViewComponent = ({ channelId, role }: any) => {
             };
 
             if (images && images.length > 0) {
-                const postId = objectId()
+                const postId = objectId();
 
                 setLoading(true);
                 const uploadResponse = await startUpload({
@@ -317,7 +317,7 @@ const ConversationViewComponent = ({ channelId, role }: any) => {
     const messageList = useMemo(() => {
         let currentDate = '';
         let res: any = [];
-        if (channelMessages.length) {
+        if (channelId && channelMessages && channelMessages?.length > 0) {
             orderBy(channelMessages, ['createdAt'], ['desc']).map((msg) => {
                 let message: IMessageProps = {
                     _id: '',
@@ -349,17 +349,17 @@ const ConversationViewComponent = ({ channelId, role }: any) => {
             });
         }
         return res;
-    }, [channelMessages]);
+    }, [channelMessages, channelId]);
 
     const renderSend = (props) => {
         return (
-            <Send {...props}>
+            <Send {...props} disabled={channelId ? false : true}>
                 <Box>
                     <MaterialCommunityIcons
                         name="send-circle"
                         style={{ marginBottom: 5, marginRight: 5 }}
                         size={32}
-                        color="#2e64e5"
+                        color={channelId ? '#2e64e5' : '#b8b2b2'}
                     />
                 </Box>
             </Send>
@@ -683,7 +683,7 @@ const ConversationViewComponent = ({ channelId, role }: any) => {
                 //       }
                 //     }
                 //   }}
-                onSend={(messages) => handleSend(messages[0]?.text ?? ' ')}
+                onSend={(messages) => channelId && handleSend(messages[0]?.text ?? ' ')}
                 text={msg ? msg : ' '}
                 onInputTextChanged={(text) => setMsg(text)}
                 renderFooter={() => (loading ? <Spinner /> : imageLoading ? <Spinner /> : '')}
@@ -715,7 +715,7 @@ const ConversationViewComponent = ({ channelId, role }: any) => {
                 // }
                 renderMessageText={renderMessageText}
                 minInputToolbarHeight={50}
-                renderActions={renderActions}
+                renderActions={channelId && renderActions}
                 renderAccessory={renderAccessory}
                 renderMessage={renderMessage}
                 renderChatFooter={() => (