fix: remove unneccesary capability context from cahnnel details context

Author: szuperaz

package/src/components/ChannelDetailsScreen/__tests__/ChannelDetailsScreen.test.tsx

@@ -8,8 +8,6 @@ import type { Channel } from 'stream-chat';
 import { useChannelDetailsContext } from '../../../contexts/channelDetailsContext/channelDetailsContext';
 import { ChatContext } from '../../../contexts/chatContext/ChatContext';
 import { WithComponents } from '../../../contexts/componentsContext/ComponentsContext';
-import type { OwnCapabilitiesContextValue } from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
-import { useOwnCapabilitiesContext } from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
 import { ThemeProvider } from '../../../contexts/themeContext/ThemeContext';
 import { defaultTheme } from '../../../contexts/themeContext/utils/theme';
 import { TranslationProvider } from '../../../contexts/translationContext/TranslationContext';
@@ -136,44 +134,6 @@ describe('ChannelDetailsScreen', () => {
       expect(captured?.onChannelDismiss).toBe(onChannelDismiss);
       expect(captured?.onBack).toBe(onBack);
     });
-
-    it('exposes own capabilities derived from the channel via OwnCapabilitiesContext', () => {
-      const unsubscribe = jest.fn();
-      const channelWithCapabilities = {
-        cid: 'messaging:test',
-        id: 'test',
-        data: { own_capabilities: ['send-message', 'delete-own-message'] },
-        on: jest.fn(() => ({ unsubscribe })),
-      } as unknown as Channel;
-
-      let captured: OwnCapabilitiesContextValue | undefined;
-      const CapabilitiesProbe = () => {
-        captured = useOwnCapabilitiesContext();
-        return null;
-      };
-
-      render(
-        <Providers>
-          <WithComponents
-            overrides={{
-              ...SECTION_OVERRIDES,
-              ChannelDetailsScreenContent: CapabilitiesProbe,
-            }}
-          >
-            <ChannelDetailsScreen channel={channelWithCapabilities} />
-          </WithComponents>
-        </Providers>,
-      );
-
-      expect(captured).toBeDefined();
-      expect(captured?.sendMessage).toBe(true);
-      expect(captured?.deleteOwnMessage).toBe(true);
-      expect(captured?.banChannelMembers).toBe(false);
-      expect(channelWithCapabilities.on).toHaveBeenCalledWith(
-        'capabilities.changed',
-        expect.any(Function),
-      );
-    });
   });
 
   describe('ChannelDetailsScreenContent override', () => {

package/src/components/ChannelDetailsScreen/components/members/ChannelAllMembersModal.tsx

@@ -2,9 +2,9 @@ import React from 'react';
 
 import { useChannelDetailsContext } from '../../../../contexts/channelDetailsContext/channelDetailsContext';
 import { useComponentsContext } from '../../../../contexts/componentsContext/ComponentsContext';
-import { useOwnCapabilitiesContext } from '../../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
 import { useTranslationContext } from '../../../../contexts/translationContext/TranslationContext';
 import { useChannelMemberCount } from '../../../../hooks';
+import { useChannelOwnCapabilities } from '../../../../hooks/useChannelOwnCapabilities';
 import { UserAdd } from '../../../../icons/user-add';
 import { Button } from '../../../ui/Button/Button';
 import { ChannelDetailsModal } from '../modal/Modal';
@@ -25,7 +25,8 @@ const ChannelAllMembersModalContent = ({
   const { channel } = useChannelDetailsContext();
   const { ChannelMemberList } = useComponentsContext();
   const { t } = useTranslationContext();
-  const { updateChannelMembers } = useOwnCapabilitiesContext();
+  const ownCapabilities = useChannelOwnCapabilities(channel);
+  const updateChannelMembers = ownCapabilities?.includes('update-channel-members') ?? false;
   const total = useChannelMemberCount(channel);
 
   return (

package/src/contexts/channelDetailsContext/channelDetailsContext.tsx

@@ -2,8 +2,6 @@ import React, { PropsWithChildren, useContext } from 'react';
 
 import { ChannelDetailsScreenProps } from '../../components';
 
-import { useCreateOwnCapabilitiesContext } from '../../components/Channel/hooks/useCreateOwnCapabilitiesContext';
-import { OwnCapabilitiesProvider } from '../ownCapabilitiesContext/OwnCapabilitiesContext';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
@@ -23,15 +21,11 @@ export const ChannelDetailsContextProvider = ({
   value,
 }: PropsWithChildren<{
   value: ChannelDetailsContextValue;
-}>) => {
-  const ownCapabilitiesContext = useCreateOwnCapabilitiesContext({ channel: value.channel });
-
-  return (
-    <ChannelDetailsContext.Provider value={value as unknown as ChannelDetailsContextValue}>
-      <OwnCapabilitiesProvider value={ownCapabilitiesContext}>{children}</OwnCapabilitiesProvider>
-    </ChannelDetailsContext.Provider>
-  );
-};
+}>) => (
+  <ChannelDetailsContext.Provider value={value as unknown as ChannelDetailsContextValue}>
+    {children}
+  </ChannelDetailsContext.Provider>
+);
 
 /**
  * @experimental This API is experimental and is subject to change.