feat(uikit): added queryCreator prop to OpenChannelOperatorsFragment

Author: bang9

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

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

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

@@ -16,7 +16,7 @@ const createOpenChannelOperatorsFragment = (
 ): OpenChannelOperatorsFragment => {
   const OpenChannelOperatorsModule = createOpenChannelOperatorsModule(initModule);
 
-  return ({ onPressHeaderLeft = NOOP, onPressHeaderRight = NOOP, channel, renderUser }) => {
+  return ({ onPressHeaderLeft = NOOP, onPressHeaderRight = NOOP, channel, renderUser, queryCreator }) => {
     const handlerId = useUniqHandlerId('OpenChannelOperatorsFragment');
 
     const { STRINGS } = useLocalization();
@@ -25,7 +25,7 @@ const createOpenChannelOperatorsFragment = (
     const { show } = useUserProfile();
 
     const { users, deleteUser, upsertUser, loading, refresh, next, error } = useUserList(sdk, {
-      queryCreator: () => channel.createOperatorListQuery({ limit: 20 }),
+      queryCreator: queryCreator ?? (() => channel.createOperatorListQuery({ limit: 20 })),
     });
 
     useChannelHandler(