chore: remove useActiveGroupChannel from group channel settings context

Author: bang9

packages/uikit-react-native/src/domain/groupChannelSettings/module/moduleContext.tsx

@@ -1,6 +1,6 @@
 import React, { createContext, useCallback } from 'react';
 
-import { useActiveGroupChannel, useChannelHandler } from '@sendbird/uikit-chat-hooks';
+import { useChannelHandler } from '@sendbird/uikit-chat-hooks';
 import { useActionMenu, useAlert, useBottomSheet, usePrompt, useToast } from '@sendbird/uikit-react-native-foundation';
 import {
   NOOP,
@@ -36,18 +36,16 @@ export const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['P
   const { fileService } = usePlatformService();
   const { alert } = useAlert();
 
-  const { activeChannel, setActiveChannel } = useActiveGroupChannel(sdk, channel);
-
-  const onChannelChanged = (channel: SendbirdBaseChannel) => {
-    if (isDifferentChannel(channel, activeChannel) || !channel.isGroupChannel()) return;
-    setActiveChannel(channel);
+  const onChannelChanged = (eventChannel: SendbirdBaseChannel) => {
+    if (isDifferentChannel(eventChannel, channel)) return;
     forceUpdate();
   };
 
   useChannelHandler(sdk, `${HOOK_NAME}_${uniqId}`, {
     onChannelChanged: onChannelChanged,
     onChannelFrozen: onChannelChanged,
     onChannelUnfrozen: onChannelChanged,
+    onUserBanned: onChannelChanged,
   });
 
   const toast = useToast();
@@ -57,22 +55,21 @@ export const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['P
 
   const updateChannel = useCallback(
     async (params: SendbirdGroupChannelUpdateParams) => {
-      const updatedChannel = await activeChannel.updateChannel(params);
-      setActiveChannel(updatedChannel);
+      await channel.updateChannel(params);
       forceUpdate();
     },
-    [activeChannel],
+    [channel],
   );
 
   const changeChannelName = useCallback(() => {
     openPrompt({
       title: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_TITLE,
       submitLabel: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_OK,
       placeholder: STRINGS.GROUP_CHANNEL_SETTINGS.DIALOG_CHANGE_NAME_PROMPT_PLACEHOLDER,
-      defaultValue: activeChannel.name,
+      defaultValue: channel.name,
       onSubmit: (channelName) => updateChannel({ name: channelName }),
     });
-  }, [STRINGS, updateChannel, activeChannel.name]);
+  }, [STRINGS, updateChannel, channel.name]);
 
   const changeChannelImage = useCallback(() => {
     openMenu({
@@ -140,7 +137,7 @@ export const GroupChannelSettingsContextsProvider: GroupChannelSettingsModule['P
     <ProviderLayout>
       <GroupChannelSettingsContexts.Fragment.Provider
         value={{
-          channel: activeChannel,
+          channel,
           headerTitle: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_TITLE,
           headerRight: STRINGS.GROUP_CHANNEL_SETTINGS.HEADER_RIGHT,
           onPressHeaderRight,