feat(uikit): added queryCreator prop to OpenChannelMutedParticipantsFragment

Author: bang9

packages/uikit-react-native/src/domain/openChannelMutedParticipants/types.ts

@@ -1,5 +1,6 @@
 import type React from 'react';
 
+import type { UseUserListOptions } from '@sendbird/uikit-chat-hooks';
 import type { SendbirdOpenChannel, SendbirdRestrictedUser } from '@sendbird/uikit-utils';
 
 import type { CommonComponent } from '../../types';
@@ -9,6 +10,7 @@ export type OpenChannelMutedParticipantsProps = {
     channel: SendbirdOpenChannel;
     onPressHeaderLeft: OpenChannelMutedParticipantsProps['Header']['onPressHeaderLeft'];
     renderUser?: OpenChannelMutedParticipantsProps['List']['renderUser'];
+    queryCreator?: UseUserListOptions<SendbirdRestrictedUser>['queryCreator'];
   };
   Header: {
     onPressHeaderLeft: () => void;

packages/uikit-react-native/src/fragments/createOpenChannelMutedParticipantsFragment.tsx

@@ -18,15 +18,15 @@ const createOpenChannelMutedParticipantsFragment = (
 ): OpenChannelMutedParticipantsFragment => {
   const OpenChannelMutedParticipantsModule = createOpenChannelMutedParticipantsModule(initModule);
 
-  return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {
+  return ({ onPressHeaderLeft = NOOP, channel, renderUser, queryCreator }) => {
     const handlerId = useUniqHandlerId('OpenChannelMutedParticipants');
 
     const { STRINGS } = useLocalization();
     const { sdk, currentUser } = useSendbirdChat();
     const { openMenu } = useActionMenu();
 
     const { users, deleteUser, upsertUser, loading, refresh, error, next } = useUserList(sdk, {
-      queryCreator: () => channel.createMutedUserListQuery({ limit: 20 }),
+      queryCreator: queryCreator ?? (() => channel.createMutedUserListQuery({ limit: 20 })),
     });
 
     useChannelHandler(