@messenger-box/platform-mobile 0.0.1-alpha.393 → 0.0.1-alpha.394
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/lib/index.js +193 -90
- package/lib/index.js.map +1 -1
- package/package.json +2 -2
- package/src/screens/inbox/containers/ThreadConversationView.tsx +205 -97
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.0.1-alpha.394](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.393...v0.0.1-alpha.394) (2023-09-25)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @messenger-box/platform-mobile
|
|
9
|
+
|
|
6
10
|
## [0.0.1-alpha.393](https://github.com/CDEBase/messenger-box/compare/v0.0.1-alpha.392...v0.0.1-alpha.393) (2023-09-25)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @messenger-box/platform-mobile
|
package/lib/index.js
CHANGED
|
@@ -2604,85 +2604,146 @@ const ThreadConversationViewComponent = ({ channelId, postParentId, isPostParent
|
|
|
2604
2604
|
});
|
|
2605
2605
|
const [sendThreadMessage] = (0, platform_client_1.useSendThreadMessageMutation)();
|
|
2606
2606
|
const [sendExpoNotificationOnPostMutation] = (0, platform_client_1.useSendExpoNotificationOnPostMutation)();
|
|
2607
|
-
const [getThreadMessages, { data: threadMessagesData, loading: threadLoading, refetch: refetchThreadMessages }] =
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
|
|
2619
|
-
|
|
2620
|
-
|
|
2621
|
-
|
|
2622
|
-
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
|
|
2607
|
+
// const [getThreadMessages, { data: threadMessagesData, loading: threadLoading, refetch: refetchThreadMessages }] =
|
|
2608
|
+
// useThreadMessagesLazyQuery({
|
|
2609
|
+
// variables: {
|
|
2610
|
+
// channelId: !parentId || parentId == 0 ? null : channelId?.toString(),
|
|
2611
|
+
// role: role?.toString(),
|
|
2612
|
+
// postParentId: !parentId || parentId == 0 ? null : parentId?.toString(),
|
|
2613
|
+
// },
|
|
2614
|
+
// fetchPolicy: 'cache-and-network',
|
|
2615
|
+
// });
|
|
2616
|
+
const [getThreadMessages, { data, loading: threadLoading, fetchMore: fetchMoreMessages, refetch: refetchThreadMessages, subscribeToMore },] = (0, platform_client_1.useThreadMessagesLazyQuery)();
|
|
2617
|
+
// const {
|
|
2618
|
+
// data,
|
|
2619
|
+
// loading: messageLoading,
|
|
2620
|
+
// refetch,
|
|
2621
|
+
// fetchMore: fetchMoreMessages,
|
|
2622
|
+
// subscribeToMore,
|
|
2623
|
+
// }: any = usePostThreadMessagesQuery({
|
|
2624
|
+
// variables: {
|
|
2625
|
+
// channelId: !parentId || parentId == 0 ? null : channelId?.toString(),
|
|
2626
|
+
// parentId: !parentId || parentId == 0 ? null : parentId?.toString(),
|
|
2627
|
+
// limit: MESSAGES_PER_PAGE,
|
|
2628
|
+
// skip: skip,
|
|
2629
|
+
// },
|
|
2630
|
+
// skip: !channelId,
|
|
2631
|
+
// fetchPolicy: 'cache-and-network',
|
|
2632
|
+
// refetchWritePolicy: 'merge',
|
|
2633
|
+
// });
|
|
2634
|
+
// useFocusEffect(
|
|
2635
|
+
// React.useCallback(() => {
|
|
2636
|
+
// navigation?.setOptions({ title: params?.title ?? 'Thread' });
|
|
2637
|
+
// if (parentId || parentId == 0) {
|
|
2638
|
+
// refetchThreadMessages({
|
|
2639
|
+
// channelId: !parentId || parentId == 0 ? null : channelId?.toString(),
|
|
2640
|
+
// role: role?.toString(),
|
|
2641
|
+
// postParentId: !parentId || parentId == 0 ? null : parentId?.toString(),
|
|
2642
|
+
// });
|
|
2643
|
+
// }
|
|
2644
|
+
// refetch({
|
|
2645
|
+
// channelId: !parentId || parentId == 0 ? null : channelId?.toString(),
|
|
2646
|
+
// parentId: !parentId || parentId == 0 ? null : parentId?.toString(),
|
|
2647
|
+
// limit: MESSAGES_PER_PAGE,
|
|
2648
|
+
// skip: 0,
|
|
2649
|
+
// }).then(({ data }) => {
|
|
2650
|
+
// if (!data?.messages) {
|
|
2651
|
+
// return;
|
|
2652
|
+
// }
|
|
2653
|
+
// const { data: messages, totalCount }: any = data.messages;
|
|
2654
|
+
// setTotalCount(totalCount);
|
|
2655
|
+
// setChannelMessages(messages);
|
|
2656
|
+
// //setChannelMessages((oldMessages: any) => uniqBy([...oldMessages, ...messages], ({ id }) => id));
|
|
2657
|
+
// });
|
|
2658
|
+
// return () => {
|
|
2659
|
+
// setTotalCount(0);
|
|
2660
|
+
// setChannelMessages([]);
|
|
2661
|
+
// setThreadPost([]);
|
|
2662
|
+
// };
|
|
2663
|
+
// }, [channelId, parentId]),
|
|
2664
|
+
// );
|
|
2626
2665
|
(0, native_1.useFocusEffect)(react_1.default.useCallback(() => {
|
|
2627
2666
|
var _a;
|
|
2628
2667
|
navigation === null || navigation === void 0 ? void 0 : navigation.setOptions({ title: (_a = params === null || params === void 0 ? void 0 : params.title) !== null && _a !== void 0 ? _a : 'Thread' });
|
|
2629
|
-
if (
|
|
2668
|
+
if (postParentId) {
|
|
2630
2669
|
refetchThreadMessages({
|
|
2631
|
-
channelId:
|
|
2670
|
+
channelId: channelId === null || channelId === void 0 ? void 0 : channelId.toString(),
|
|
2632
2671
|
role: role === null || role === void 0 ? void 0 : role.toString(),
|
|
2633
|
-
postParentId:
|
|
2672
|
+
postParentId: postParentId === null || postParentId === void 0 ? void 0 : postParentId.toString(),
|
|
2673
|
+
selectedFields: 'id channel post replies replyCount lastReplyAt createdAt updatedAt',
|
|
2674
|
+
repliesLimit2: MESSAGES_PER_PAGE,
|
|
2675
|
+
repliesSkip2: 0,
|
|
2676
|
+
skip: 0,
|
|
2677
|
+
limit: 1,
|
|
2634
2678
|
});
|
|
2635
2679
|
}
|
|
2636
|
-
|
|
2637
|
-
channelId: !parentId || parentId == 0 ? null : channelId === null || channelId === void 0 ? void 0 : channelId.toString(),
|
|
2638
|
-
parentId: !parentId || parentId == 0 ? null : parentId === null || parentId === void 0 ? void 0 : parentId.toString(),
|
|
2639
|
-
limit: MESSAGES_PER_PAGE,
|
|
2640
|
-
skip: 0,
|
|
2641
|
-
}).then(({ data }) => {
|
|
2642
|
-
if (!(data === null || data === void 0 ? void 0 : data.messages)) {
|
|
2643
|
-
return;
|
|
2644
|
-
}
|
|
2645
|
-
const { data: messages, totalCount } = data.messages;
|
|
2646
|
-
setTotalCount(totalCount);
|
|
2647
|
-
setChannelMessages(messages);
|
|
2648
|
-
//setChannelMessages((oldMessages: any) => uniqBy([...oldMessages, ...messages], ({ id }) => id));
|
|
2649
|
-
});
|
|
2680
|
+
setParentId(postParentId);
|
|
2650
2681
|
return () => {
|
|
2651
2682
|
setTotalCount(0);
|
|
2652
2683
|
setChannelMessages([]);
|
|
2653
2684
|
setThreadPost([]);
|
|
2654
2685
|
};
|
|
2655
|
-
}, [
|
|
2656
|
-
|
|
2657
|
-
|
|
2658
|
-
}, [postParentId]);
|
|
2686
|
+
}, [postParentId]));
|
|
2687
|
+
// useEffect(() => {
|
|
2688
|
+
// setParentId(postParentId);
|
|
2689
|
+
// }, [postParentId]);
|
|
2659
2690
|
(0, react_1.useEffect)(() => {
|
|
2660
|
-
if (parentId && parentId == 0) {
|
|
2691
|
+
//if (parentId && parentId == 0) {
|
|
2692
|
+
if (channelId && parentId) {
|
|
2661
2693
|
getThreadMessages({
|
|
2662
2694
|
variables: {
|
|
2663
|
-
channelId:
|
|
2695
|
+
channelId: channelId === null || channelId === void 0 ? void 0 : channelId.toString(),
|
|
2664
2696
|
role: role === null || role === void 0 ? void 0 : role.toString(),
|
|
2665
2697
|
postParentId: !parentId || parentId == 0 ? null : parentId === null || parentId === void 0 ? void 0 : parentId.toString(),
|
|
2698
|
+
selectedFields: 'id channel post replies replyCount lastReplyAt createdAt updatedAt',
|
|
2699
|
+
repliesLimit2: MESSAGES_PER_PAGE,
|
|
2700
|
+
repliesSkip2: 0,
|
|
2701
|
+
skip: 0,
|
|
2702
|
+
limit: 1,
|
|
2666
2703
|
},
|
|
2667
2704
|
});
|
|
2668
2705
|
}
|
|
2669
2706
|
}, [parentId]);
|
|
2670
|
-
|
|
2671
|
-
var _a, _b;
|
|
2672
|
-
|
|
2673
|
-
|
|
2674
|
-
|
|
2675
|
-
|
|
2676
|
-
const
|
|
2677
|
-
|
|
2678
|
-
|
|
2707
|
+
react_1.default.useEffect(() => {
|
|
2708
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
2709
|
+
if ((_a = data === null || data === void 0 ? void 0 : data.threadMessages) === null || _a === void 0 ? void 0 : _a.data) {
|
|
2710
|
+
const threads = data.threadMessages;
|
|
2711
|
+
const threadPost = (_c = (_b = threads === null || threads === void 0 ? void 0 : threads.data) === null || _b === void 0 ? void 0 : _b.map((t) => t === null || t === void 0 ? void 0 : t.post)) !== null && _c !== void 0 ? _c : [];
|
|
2712
|
+
const threadReplies = (_f = (_e = (_d = threads === null || threads === void 0 ? void 0 : threads.data) === null || _d === void 0 ? void 0 : _d.map((t) => t === null || t === void 0 ? void 0 : t.replies)) === null || _e === void 0 ? void 0 : _e.flat(1)) !== null && _f !== void 0 ? _f : [];
|
|
2713
|
+
const messeageTotalCount = (_j = (_h = (_g = threads === null || threads === void 0 ? void 0 : threads.data) === null || _g === void 0 ? void 0 : _g.map((t) => t === null || t === void 0 ? void 0 : t.replyCount)) === null || _h === void 0 ? void 0 : _h[0]) !== null && _j !== void 0 ? _j : 0;
|
|
2714
|
+
const messages = [...threadPost, ...threadReplies];
|
|
2715
|
+
if ((messages && messages.length > 0 && messeageTotalCount > totalCount) ||
|
|
2716
|
+
(messages && messages.length > 0 && channelMessages.length === 0)) {
|
|
2717
|
+
setThreadMessages(messages, messeageTotalCount);
|
|
2718
|
+
}
|
|
2679
2719
|
}
|
|
2720
|
+
if (isScrollToBottom && channelMessages)
|
|
2721
|
+
scrollToBottom();
|
|
2722
|
+
// scrollToBottom();
|
|
2680
2723
|
// if (!isPostParentIdThread) {
|
|
2681
2724
|
// // setTotalCount((pc: any) => pc + threadTotalCount);
|
|
2682
2725
|
// setChannelMessages((oldMessages: any) => uniqBy([...threadMessage, ...oldMessages], ({ id }) => id));
|
|
2683
2726
|
// }
|
|
2684
|
-
|
|
2685
|
-
|
|
2727
|
+
}, [data, channelMessages, loadingOldMessages, totalCount, isPostParentIdThread, isScrollToBottom]);
|
|
2728
|
+
const setThreadMessages = (messages, messagesTotalCount) => {
|
|
2729
|
+
setChannelMessages((oldMessages) => (0, lodash_1.uniqBy)([...messages, ...oldMessages], ({ id }) => id));
|
|
2730
|
+
setTotalCount(messagesTotalCount);
|
|
2731
|
+
};
|
|
2732
|
+
// useEffect(() => {
|
|
2733
|
+
// //if (threadMessagesData?.threadMessages?.data) {
|
|
2734
|
+
// // console.log('threadMessagesData?.threadMessages', JSON.stringify(threadMessagesData?.threadMessages));
|
|
2735
|
+
// const threads: any = threadMessagesData?.threadMessages;
|
|
2736
|
+
// if (threadPost?.length == 0 && threads?.data?.length > 0) {
|
|
2737
|
+
// const threadMessage = threads?.data?.map((t: any) => t?.post);
|
|
2738
|
+
// setThreadPost(threadMessage);
|
|
2739
|
+
// setChannelMessages((oldMessages: any) => uniqBy([...threadMessage, ...oldMessages], ({ id }) => id));
|
|
2740
|
+
// }
|
|
2741
|
+
// // if (!isPostParentIdThread) {
|
|
2742
|
+
// // // setTotalCount((pc: any) => pc + threadTotalCount);
|
|
2743
|
+
// // setChannelMessages((oldMessages: any) => uniqBy([...threadMessage, ...oldMessages], ({ id }) => id));
|
|
2744
|
+
// // }
|
|
2745
|
+
// // }
|
|
2746
|
+
// }, [threadMessagesData, threadPost, isPostParentIdThread]);
|
|
2686
2747
|
// React.useEffect(() => {
|
|
2687
2748
|
// if (newThreadMsg) {
|
|
2688
2749
|
// console.log('newThreadMsg');
|
|
@@ -2727,30 +2788,30 @@ const ThreadConversationViewComponent = ({ channelId, postParentId, isPostParent
|
|
|
2727
2788
|
// setChannelMessages((oldMessages: any) => uniqBy([...threadPost, ...oldMessages], ({ id }) => id));
|
|
2728
2789
|
// }
|
|
2729
2790
|
// }, [data, loadingOldMessages, channelMessages, threadPost]);
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
|
|
2750
|
-
|
|
2751
|
-
|
|
2752
|
-
|
|
2753
|
-
}, [data, loadingOldMessages, totalCount, channelMessages, isScrollToBottom]);
|
|
2791
|
+
// React.useEffect(() => {
|
|
2792
|
+
// if (data?.messages?.data) {
|
|
2793
|
+
// const { data: messages, totalCount: messeageTotalCount } = data.messages;
|
|
2794
|
+
// if (
|
|
2795
|
+
// (messages && messages.length > 0 && messeageTotalCount > totalCount) ||
|
|
2796
|
+
// (messages && messages.length > 0 && (loadingOldMessages || channelMessages.length === 0))
|
|
2797
|
+
// ) {
|
|
2798
|
+
// setChannelMessages((oldMessages: any) => uniqBy([...messages, ...oldMessages], ({ id }) => id));
|
|
2799
|
+
// setTotalCount(messeageTotalCount);
|
|
2800
|
+
// setLoadEarlierMsg(false);
|
|
2801
|
+
// }
|
|
2802
|
+
// if (loadingOldMessages && channelMessages) setLoadingOldMessages(false);
|
|
2803
|
+
// // if (
|
|
2804
|
+
// // channelMessages &&
|
|
2805
|
+
// // channelMessages?.length == MESSAGES_PER_PAGE &&
|
|
2806
|
+
// // totalCount > channelMessages?.length
|
|
2807
|
+
// // ) {
|
|
2808
|
+
// // onFetchOld();
|
|
2809
|
+
// // }
|
|
2810
|
+
// }
|
|
2811
|
+
// // if (threadPost?.length > 0 && channelMessages.length == (0 || MESSAGES_PER_PAGE)) {
|
|
2812
|
+
// // setChannelMessages((oldMessages: any) => uniqBy([...threadPost, ...oldMessages], ({ id }) => id));
|
|
2813
|
+
// // }
|
|
2814
|
+
// }, [data, loadingOldMessages, totalCount, channelMessages, isScrollToBottom]);
|
|
2754
2815
|
// useEffect(() => {
|
|
2755
2816
|
// if (
|
|
2756
2817
|
// !messageLoading &&
|
|
@@ -2804,22 +2865,46 @@ const ThreadConversationViewComponent = ({ channelId, postParentId, isPostParent
|
|
|
2804
2865
|
// }
|
|
2805
2866
|
// }, []);
|
|
2806
2867
|
const onFetchOld = (0, react_1.useCallback)(() => {
|
|
2807
|
-
var _a;
|
|
2808
2868
|
if (totalCount > channelMessages.length && !loadingOldMessages) {
|
|
2809
2869
|
setSkip(channelMessages.length);
|
|
2810
2870
|
setLoadEarlierMsg(true);
|
|
2811
|
-
|
|
2871
|
+
fetchMoreMessages({
|
|
2812
2872
|
variables: {
|
|
2813
2873
|
channelId: channelId === null || channelId === void 0 ? void 0 : channelId.toString(),
|
|
2814
|
-
|
|
2815
|
-
|
|
2874
|
+
role: role === null || role === void 0 ? void 0 : role.toString(),
|
|
2875
|
+
postParentId: parentId === null || parentId === void 0 ? void 0 : parentId.toString(),
|
|
2876
|
+
selectedFields: 'id channel post replies replyCount lastReplyAt createdAt updatedAt',
|
|
2877
|
+
repliesLimit2: MESSAGES_PER_PAGE,
|
|
2878
|
+
repliesSkip2: channelMessages.length - 1,
|
|
2879
|
+
skip: 0,
|
|
2880
|
+
limit: 1,
|
|
2881
|
+
// channelId: channelId?.toString(),
|
|
2882
|
+
// parentId: null,
|
|
2883
|
+
// skip: channelMessages.length,
|
|
2816
2884
|
},
|
|
2817
|
-
})
|
|
2885
|
+
})
|
|
2886
|
+
.then((res) => {
|
|
2887
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
2888
|
+
if ((_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.threadMessages) === null || _b === void 0 ? void 0 : _b.data) {
|
|
2889
|
+
const threadReplies = (_g = (_f = (_e = (_d = (_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.threadMessages) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.map((t) => t === null || t === void 0 ? void 0 : t.replies)) === null || _f === void 0 ? void 0 : _f.flat(1)) !== null && _g !== void 0 ? _g : [];
|
|
2890
|
+
const messeageTotalCount = (_m = (_l = (_k = (_j = (_h = res === null || res === void 0 ? void 0 : res.data) === null || _h === void 0 ? void 0 : _h.threadMessages) === null || _j === void 0 ? void 0 : _j.data) === null || _k === void 0 ? void 0 : _k.map((t) => t === null || t === void 0 ? void 0 : t.replyCount)) === null || _l === void 0 ? void 0 : _l[0]) !== null && _m !== void 0 ? _m : 0;
|
|
2891
|
+
setThreadMessages(threadReplies, messeageTotalCount);
|
|
2892
|
+
}
|
|
2893
|
+
})
|
|
2894
|
+
.finally(() => {
|
|
2895
|
+
setLoadEarlierMsg(false);
|
|
2896
|
+
setLoadingOldMessages(false);
|
|
2897
|
+
})
|
|
2898
|
+
.catch((error) => {
|
|
2899
|
+
setLoadEarlierMsg(false);
|
|
2900
|
+
setLoadingOldMessages(false);
|
|
2901
|
+
});
|
|
2902
|
+
//?.then((res: any) => setLoadingOldMessages(true));
|
|
2818
2903
|
// refetch({ channelId: channelId?.toString(), parentId: null, skip: channelMessages.length })?.then(
|
|
2819
2904
|
// (res: any) => setLoadingOldMessages(true),
|
|
2820
2905
|
// );
|
|
2821
2906
|
}
|
|
2822
|
-
}, [totalCount, channelMessages]);
|
|
2907
|
+
}, [parentId, channelId, totalCount, channelMessages]);
|
|
2823
2908
|
// const isCloseToTop = ({ layoutMeasurement, contentOffset, contentSize }) => {
|
|
2824
2909
|
// return contentOffset.y <= 100; // 100px from top
|
|
2825
2910
|
// };
|
|
@@ -3241,16 +3326,34 @@ const ThreadConversationViewComponent = ({ channelId, postParentId, isPostParent
|
|
|
3241
3326
|
postParentId: !parentId || parentId == 0 ? null : parentId === null || parentId === void 0 ? void 0 : parentId.toString(),
|
|
3242
3327
|
},
|
|
3243
3328
|
updateQuery: (prev, { subscriptionData }) => {
|
|
3244
|
-
var _a, _b, _c;
|
|
3329
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
3245
3330
|
if (!subscriptionData.data)
|
|
3246
3331
|
return prev;
|
|
3247
3332
|
const newMessage = (_a = subscriptionData === null || subscriptionData === void 0 ? void 0 : subscriptionData.data) === null || _a === void 0 ? void 0 : _a.threadChatMessageAdded;
|
|
3248
|
-
const
|
|
3249
|
-
|
|
3250
|
-
|
|
3251
|
-
|
|
3252
|
-
|
|
3333
|
+
const threadReplies = (_e = (_d = (_c = (_b = prev === null || prev === void 0 ? void 0 : prev.threadMessages) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.map((t) => t === null || t === void 0 ? void 0 : t.replies)) === null || _d === void 0 ? void 0 : _d.flat(1)) !== null && _e !== void 0 ? _e : [];
|
|
3334
|
+
const replies = [...threadReplies, newMessage];
|
|
3335
|
+
const previousData = (_g = (_f = prev === null || prev === void 0 ? void 0 : prev.threadMessages) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.map((t) => {
|
|
3336
|
+
let thread = Object.assign({}, t);
|
|
3337
|
+
thread.replies = replies;
|
|
3338
|
+
return thread;
|
|
3339
|
+
});
|
|
3340
|
+
// const previousData = prev?.threadMessages?.data ? [...prev.threadMessages.data, newMessage] : [];
|
|
3341
|
+
// const totalMsgCount = prev?.threadMessages?.totalCount + 1;
|
|
3342
|
+
const merged = Object.assign(Object.assign({}, prev), { threadMessages: Object.assign(Object.assign({}, prev === null || prev === void 0 ? void 0 : prev.threadMessages), { data: previousData }) });
|
|
3253
3343
|
return merged;
|
|
3344
|
+
// const mergedData = prev?.messages?.data
|
|
3345
|
+
// ? [...prev.messages.data, newMessage]
|
|
3346
|
+
// : [];
|
|
3347
|
+
// const totalMsgCount = prev?.messages?.totalCount + 1;
|
|
3348
|
+
// const merged = {
|
|
3349
|
+
// ...prev?.messages,
|
|
3350
|
+
// messages: {
|
|
3351
|
+
// ...prev?.messages,
|
|
3352
|
+
// data: mergedData,
|
|
3353
|
+
// totalCount: totalMsgCount,
|
|
3354
|
+
// },
|
|
3355
|
+
// };
|
|
3356
|
+
// return merged;
|
|
3254
3357
|
// return Object.assign({}, prev, {
|
|
3255
3358
|
// messages: {
|
|
3256
3359
|
// data: [...prev.messages.data, newMessage],
|
|
@@ -3258,7 +3361,7 @@ const ThreadConversationViewComponent = ({ channelId, postParentId, isPostParent
|
|
|
3258
3361
|
// },
|
|
3259
3362
|
// });
|
|
3260
3363
|
},
|
|
3261
|
-
}) }))), messagesContainerStyle: (messageList === null || messageList === void 0 ? void 0 : messageList.length) == 0 && { transform: [{ scaleY: -1 }] }, renderChatEmpty: () => (react_1.default.createElement(react_1.default.Fragment, null, !threadLoading &&
|
|
3364
|
+
}) }))), messagesContainerStyle: (messageList === null || messageList === void 0 ? void 0 : messageList.length) == 0 && { transform: [{ scaleY: -1 }] }, renderChatEmpty: () => (react_1.default.createElement(react_1.default.Fragment, null, !threadLoading && messageList && (messageList === null || messageList === void 0 ? void 0 : messageList.length) == 0 && (react_1.default.createElement(native_base_1.Box, { p: 5 },
|
|
3262
3365
|
react_1.default.createElement(native_base_1.Center, { mt: 6 },
|
|
3263
3366
|
react_1.default.createElement(native_base_1.Icon, { as: vector_icons_1.Ionicons, name: "chatbubbles", size: 'xl' }),
|
|
3264
3367
|
react_1.default.createElement(native_base_1.Text, null, "You don't have any message yet!")))))), lightboxProps: {
|