stream-chat-react-native/package/src/components/ChannelList/hooks/useCreateChannelsContext.ts at ac6d7d8e3a199440465921e5ca1b56cf00c65d95 · GetStream/stream-chat-react-native · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
import { useMemo } from 'react';

import type { ChannelsContextValue } from '../../../contexts/channelsContext/ChannelsContext';

export const useCreateChannelsContext = ({
  additionalFlatListProps,
  channelListInitialized,
  channels,
  EmptyStateIndicator,
  error,
  FooterLoadingIndicator,
  forceUpdate,
  hasNextPage,
  HeaderErrorIndicator,
  HeaderNetworkDownIndicator,
  ListHeaderComponent,
  loadingChannels,
  LoadingErrorIndicator,
  LoadingIndicator,
  loadingNextPage,
  loadMoreThreshold,
  loadNextPage,
  maxUnreadCount,
  numberOfSkeletons,
  onSelect,
  Preview,
  getChannelActionItems,
  PreviewAvatar,
  PreviewMessage,
  PreviewMutedStatus,
  PreviewStatus,
  PreviewTitle,
  PreviewLastMessage,
  PreviewTypingIndicator,
  PreviewMessageDeliveryStatus,
  PreviewUnreadCount,
  ChannelDetailsBottomSheet,
  swipeActionsEnabled,
  refreshing,
  refreshList,
  reloadList,
  setFlatListRef,
  Skeleton,
  mutedStatusPosition,
}: ChannelsContextValue) => {
  const channelValueString = channels
    ?.map(
      (channel) =>
        `${channel.data?.name ?? ''}${channel.id ?? ''}${
          channel?.state?.unreadCount ?? ''
        }${Object.values(channel.state.members)
          .map((member) => member.user?.online)
          .join()}`,
    )
    .join();
  const channelsContext: ChannelsContextValue = useMemo(
    () => ({
      additionalFlatListProps,
      channelListInitialized,
      channels,
      EmptyStateIndicator,
      error,
      FooterLoadingIndicator,
      forceUpdate,
      hasNextPage,
      HeaderErrorIndicator,
      HeaderNetworkDownIndicator,
      ListHeaderComponent,
      loadingChannels,
      LoadingErrorIndicator,
      LoadingIndicator,
      loadingNextPage,
      loadMoreThreshold,
      loadNextPage,
      maxUnreadCount,
      numberOfSkeletons,
      onSelect,
      Preview,
      getChannelActionItems,
      PreviewAvatar,
      PreviewMessage,
      PreviewMutedStatus,
      PreviewStatus,
      PreviewTitle,
      PreviewUnreadCount,
      PreviewTypingIndicator,
      PreviewMessageDeliveryStatus,
      PreviewLastMessage,
      ChannelDetailsBottomSheet,
      swipeActionsEnabled,
      refreshing,
      refreshList,
      reloadList,
      setFlatListRef,
      Skeleton,
      mutedStatusPosition,
    }),
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [
      channelValueString,
      error,
      forceUpdate,
      hasNextPage,
      loadingChannels,
      loadingNextPage,
      channelListInitialized,
      ChannelDetailsBottomSheet,
      swipeActionsEnabled,
      refreshing,
      mutedStatusPosition,
    ],
  );

  return channelsContext;
};