fix: lint issues

Author: khushal87

package/src/components/ChannelList/ChannelList.tsx

@@ -12,6 +12,7 @@ import { ChannelListMessenger, ChannelListMessengerProps } from './ChannelListMe
 import { useAddedToChannelNotification } from './hooks/listeners/useAddedToChannelNotification';
 import { useChannelDeleted } from './hooks/listeners/useChannelDeleted';
 import { useChannelHidden } from './hooks/listeners/useChannelHidden';
+import { useChannelMemberUpdated } from './hooks/listeners/useChannelMemberUpdated';
 import { useChannelTruncated } from './hooks/listeners/useChannelTruncated';
 import { useChannelUpdated } from './hooks/listeners/useChannelUpdated';
 import { useChannelVisible } from './hooks/listeners/useChannelVisible';
@@ -33,7 +34,6 @@ import type { DefaultStreamChatGenerics } from '../../types/types';
 import { ChannelPreviewMessenger } from '../ChannelPreview/ChannelPreviewMessenger';
 import { EmptyStateIndicator as EmptyStateIndicatorDefault } from '../Indicators/EmptyStateIndicator';
 import { LoadingErrorIndicator as LoadingErrorIndicatorDefault } from '../Indicators/LoadingErrorIndicator';
-import { useChannelMemberUpdated } from './hooks/listeners/useChannelMemberUpdated';
 
 export type ChannelListProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -125,6 +125,22 @@ export type ChannelListProps<
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
     event: Event<StreamChatGenerics>,
   ) => void;
+  /**
+   * Function that overrides default behavior when a channel member.updated event is triggered
+   * @param lockChannelOrder If set to true, channels won't dynamically sort by most recent message, defaults to false
+   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.
+   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `member.updated` event
+   * @param filters Channel filters
+   * @param sort Channel sort options
+   * @overrideType Function
+   */
+  onChannelMemberUpdated?: (
+    lockChannelOrder: boolean,
+    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
+    event: Event<StreamChatGenerics>,
+    filters?: ChannelFilters<StreamChatGenerics>,
+    sort?: ChannelSort<StreamChatGenerics>,
+  ) => void;
   /**
    * Function to customize behavior when a channel gets truncated
    *
@@ -194,6 +210,7 @@ export type ChannelListProps<
     event: Event<StreamChatGenerics>,
     filters?: ChannelFilters<StreamChatGenerics>,
   ) => void;
+
   /**
    * Function that overrides default behavior when a user gets removed from a channel
    *
@@ -206,23 +223,6 @@ export type ChannelListProps<
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
     event: Event<StreamChatGenerics>,
   ) => void;
-
-  /**
-   * Function that overrides default behavior when a channel member.updated event is triggered
-   * @param lockChannelOrder If set to true, channels won't dynamically sort by most recent message, defaults to false
-   * @param setChannels Setter for internal state property - `channels`. It's created from useState() hook.
-   * @param event An [Event object](https://getstream.io/chat/docs/event_object) corresponding to `member.updated` event
-   * @param filters Channel filters
-   * @param sort Channel sort options
-   * @overrideType Function
-   */
-  onChannelMemberUpdated?: (
-    lockChannelOrder: boolean,
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
-    event: Event<StreamChatGenerics>,
-    filters?: ChannelFilters<StreamChatGenerics>,
-    sort?: ChannelSort<StreamChatGenerics>,
-  ) => void;
   /**
    * Object containing channel query options
    * @see See [Channel query documentation](https://getstream.io/chat/docs/query_channels) for a list of available option fields
@@ -316,9 +316,9 @@ export const ChannelList = <
 
   // Setup event listeners
   useAddedToChannelNotification({
+    filters,
     onAddedToChannel,
     setChannels,
-    filters,
     sort,
   });
 
@@ -333,10 +333,10 @@ export const ChannelList = <
   });
 
   useChannelMemberUpdated({
+    filters,
     lockChannelOrder,
-    setChannels,
     onChannelMemberUpdated,
-    filters,
+    setChannels,
     sort,
   });
 
@@ -358,17 +358,17 @@ export const ChannelList = <
   });
 
   useNewMessage({
+    filters,
     lockChannelOrder,
     onNewMessage,
     setChannels,
-    filters,
     sort,
   });
 
   useNewMessageNotification({
+    filters,
     onNewMessageNotification,
     setChannels,
-    filters,
   });
 
   useRemovedFromChannelNotification({

package/src/components/ChannelList/hooks/listeners/useAddedToChannelNotification.ts

@@ -13,22 +13,22 @@ import { findLastPinnedChannelIndex, findPinnedAtSortOrder } from '../utils';
 type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
   {
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
+    filters?: ChannelFilters<StreamChatGenerics>;
     onAddedToChannel?: (
       setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
       event: Event<StreamChatGenerics>,
       filters?: ChannelFilters<StreamChatGenerics>,
       sort?: ChannelSort<StreamChatGenerics>,
     ) => void;
-    filters?: ChannelFilters<StreamChatGenerics>;
     sort?: ChannelSort<StreamChatGenerics>;
   };
 
 export const useAddedToChannelNotification = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
+  filters,
   onAddedToChannel,
   setChannels,
-  filters,
   sort,
 }: Parameters<StreamChatGenerics>) => {
   const { client } = useChatContext<StreamChatGenerics>();

package/src/components/ChannelList/hooks/listeners/useChannelMemberUpdated.ts

@@ -15,30 +15,30 @@ type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultSt
   {
     lockChannelOrder: boolean;
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
+    filters?: ChannelFilters<StreamChatGenerics>;
     onChannelMemberUpdated?: (
       lockChannelOrder: boolean,
       setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
       event: Event<StreamChatGenerics>,
       filters?: ChannelFilters<StreamChatGenerics>,
       sort?: ChannelSort<StreamChatGenerics>,
     ) => void;
-    filters?: ChannelFilters<StreamChatGenerics>;
     sort?: ChannelSort<StreamChatGenerics>;
   };
 
 export const useChannelMemberUpdated = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
+  filters,
   lockChannelOrder,
   onChannelMemberUpdated,
   setChannels,
-  filters,
   sort,
 }: Parameters<StreamChatGenerics>) => {
   const { client } = useChatContext<StreamChatGenerics>();
 
   useEffect(() => {
-    const handleEvent = async (event: Event<StreamChatGenerics>) => {
+    const handleEvent = (event: Event<StreamChatGenerics>) => {
       if (typeof onChannelMemberUpdated === 'function') {
         onChannelMemberUpdated(lockChannelOrder, setChannels, event, filters, sort);
       } else {

package/src/components/ChannelList/hooks/listeners/useNewMessage.ts

@@ -12,24 +12,24 @@ type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultSt
   {
     lockChannelOrder: boolean;
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
+    filters?: ChannelFilters<StreamChatGenerics>;
     onNewMessage?: (
       lockChannelOrder: boolean,
       setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
       event: Event<StreamChatGenerics>,
       filters?: ChannelFilters<StreamChatGenerics>,
       sort?: ChannelSort<StreamChatGenerics>,
     ) => void;
-    filters?: ChannelFilters<StreamChatGenerics>;
     sort?: ChannelSort<StreamChatGenerics>;
   };
 
 export const useNewMessage = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
+  filters,
   lockChannelOrder,
   onNewMessage,
   setChannels,
-  filters,
   sort,
 }: Parameters<StreamChatGenerics>) => {
   const { client } = useChatContext<StreamChatGenerics>();
@@ -81,7 +81,7 @@ export const useNewMessage = <
           }
           return moveChannelUp<StreamChatGenerics>({
             channels,
-            channelToMove: channelToMove,
+            channelToMove,
             channelToMoveIndexWithinChannels: targetChannelIndex,
             sort,
           });

package/src/components/ChannelList/hooks/listeners/useNewMessageNotification.ts

@@ -13,20 +13,20 @@ import { isChannelArchived } from '../utils';
 type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
   {
     setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
+    filters?: ChannelFilters<StreamChatGenerics>;
     onNewMessageNotification?: (
       setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
       event: Event<StreamChatGenerics>,
       filters?: ChannelFilters<StreamChatGenerics>,
     ) => void;
-    filters?: ChannelFilters<StreamChatGenerics>;
   };
 
 export const useNewMessageNotification = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
+  filters,
   onNewMessageNotification,
   setChannels,
-  filters,
 }: Parameters<StreamChatGenerics>) => {
   const { client } = useChatContext<StreamChatGenerics>();
 

package/src/components/ChannelList/hooks/useChannelMembershipState.ts

@@ -1,7 +1,9 @@
 import { useEffect, useState } from 'react';
+
+import { Channel, ChannelState } from 'stream-chat';
+
 import { useChatContext } from '../../../contexts/chatContext/ChatContext';
 import { DefaultStreamChatGenerics } from '../../../types/types';
-import { Channel, ChannelState } from 'stream-chat';
 
 export const useChannelMembershipState = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -26,7 +28,7 @@ export const useChannelMembershipState = <
     );
 
     return () => subscriptions.forEach((subscription) => subscription.unsubscribe());
-  }, [channel?.state.membership, client]);
+  }, [channel, client]);
 
   return membership;
 };

package/src/components/ChannelList/hooks/utils/index.ts

@@ -1,4 +1,5 @@
 import { Channel } from 'stream-chat';
+
 import { DefaultStreamChatGenerics } from '../../../../types/types';
 import { ChannelListProps } from '../../ChannelList';
 

package/src/components/ChannelList/utils.ts

@@ -1,8 +1,9 @@
 import type { Channel, ChannelSort, StreamChat } from 'stream-chat';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
 import { findLastPinnedChannelIndex, shouldConsiderPinnedChannels } from './hooks/utils';
 
+import type { DefaultStreamChatGenerics } from '../../types/types';
+
 type MoveParameters<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {

package/src/icons/Archieve.tsx

@@ -3,10 +3,8 @@ import Svg, { Path } from 'react-native-svg';
 
 import { IconProps } from './utils/base';
 
-export const Archieve: React.FC<IconProps> = ({ height = 512, width = 512, ...rest }) => {
-  return (
-    <Svg height={height} viewBox={'0 0 512 512'} width={width} {...rest}>
-      <Path d='M32 32l448 0c17.7 0 32 14.3 32 32l0 32c0 17.7-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96L0 64C0 46.3 14.3 32 32 32zm0 128l448 0 0 256c0 35.3-28.7 64-64 64L96 480c-35.3 0-64-28.7-64-64l0-256zm128 80c0 8.8 7.2 16 16 16l160 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-160 0c-8.8 0-16 7.2-16 16z' />
-    </Svg>
-  );
-};
+export const Archieve: React.FC<IconProps> = ({ height = 512, width = 512, ...rest }) => (
+  <Svg height={height} viewBox={'0 0 512 512'} width={width} {...rest}>
+    <Path d='M32 32l448 0c17.7 0 32 14.3 32 32l0 32c0 17.7-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96L0 64C0 46.3 14.3 32 32 32zm0 128l448 0 0 256c0 35.3-28.7 64-64 64L96 480c-35.3 0-64-28.7-64-64l0-256zm128 80c0 8.8 7.2 16 16 16l160 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-160 0c-8.8 0-16 7.2-16 16z' />
+  </Svg>
+);