feat(uikit): added queryCreator prop to OpenChannelBannedUsersFragment

Author: bang9

packages/uikit-react-native/src/domain/openChannelBannedUsers/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 OpenChannelBannedUsersProps = {
     channel: SendbirdOpenChannel;
     onPressHeaderLeft: OpenChannelBannedUsersProps['Header']['onPressHeaderLeft'];
     renderUser?: OpenChannelBannedUsersProps['List']['renderUser'];
+    queryCreator?: UseUserListOptions<SendbirdRestrictedUser>['queryCreator'];
   };
   Header: {
     onPressHeaderLeft: () => void;

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

@@ -18,13 +18,13 @@ const createOpenChannelBannedUsersFragment = (
 ): OpenChannelBannedUsersFragment => {
   const OpenChannelBannedUsersModule = createOpenChannelBannedUsersModule(initModule);
 
-  return ({ onPressHeaderLeft = NOOP, channel, renderUser }) => {
+  return ({ onPressHeaderLeft = NOOP, channel, renderUser, queryCreator }) => {
     const { STRINGS } = useLocalization();
     const { currentUser, sdk } = useSendbirdChat();
     const { openMenu } = useActionMenu();
 
     const { users, deleteUser, loading, next, refresh, error } = useUserList(sdk, {
-      queryCreator: () => channel.createBannedUserListQuery({ limit: 20 }),
+      queryCreator: queryCreator ?? (() => channel.createBannedUserListQuery({ limit: 20 })),
     });
 
     const _renderUser: NonNullable<typeof renderUser> = useFreshCallback((props) => {