refactor: remove ChannelAvatar key from component context

Author: MartinCupela

src/components/ChannelPreview/ChannelPreviewMessenger.tsx

@@ -15,7 +15,7 @@ const UnMemoizedChannelPreviewMessenger = <
 ) => {
   const {
     active,
-    Avatar: PropsAvatar = DefaultAvatar,
+    Avatar = DefaultAvatar,
     channel,
     className: customClassName = '',
     displayImage,
@@ -28,10 +28,8 @@ const UnMemoizedChannelPreviewMessenger = <
     watchers,
   } = props;
 
-  const {
-    ChannelAvatar,
-    ChannelPreviewActionButtons = DefaultChannelPreviewActionButtons,
-  } = useComponentContext<SCG>();
+  const { ChannelPreviewActionButtons = DefaultChannelPreviewActionButtons } =
+    useComponentContext<SCG>();
 
   const channelPreviewButton = useRef<HTMLButtonElement | null>(null);
 
@@ -49,8 +47,6 @@ const UnMemoizedChannelPreviewMessenger = <
     }
   };
 
-  const Avatar = ChannelAvatar ?? PropsAvatar;
-
   return (
     <div className='str-chat__channel-preview-container'>
       <ChannelPreviewActionButtons channel={channel} />

src/components/ChannelPreview/__tests__/ChannelPreviewMessenger.test.js

@@ -60,23 +60,6 @@ describe('ChannelPreviewMessenger', () => {
     expect(container).toMatchSnapshot();
   });
 
-  it('gives preference to ChannelAvatar from component context over the props Avatar component', () => {
-    const channelAvatarTestID = 'custom-channel-avatar';
-    const propsAvatarTestID = 'props-avatar';
-    const ChannelAvatar = () => <div data-testid={channelAvatarTestID} />;
-    const PropsAvatar = () => <div data-testid={propsAvatarTestID} />;
-    render(
-      renderComponent(
-        {
-          Avatar: PropsAvatar,
-        },
-        { ChannelAvatar },
-      ),
-    );
-    expect(screen.queryByTestId(propsAvatarTestID)).not.toBeInTheDocument();
-    expect(screen.getByTestId(channelAvatarTestID)).toBeInTheDocument();
-  });
-
   it('should call setActiveChannel on click', async () => {
     const setActiveChannel = jest.fn();
     const { container, getByTestId } = render(

src/context/ComponentContext.tsx

@@ -5,7 +5,6 @@ import {
   AttachmentProps,
   AvatarProps,
   BaseImageProps,
-  ChannelAvatarProps,
   ChannelPreviewActionButtonsProps,
   CooldownTimerProps,
   CustomMessageActionsListProps,
@@ -91,8 +90,6 @@ export type ComponentContextValue<
   Avatar?: React.ComponentType<AvatarProps<StreamChatGenerics>>;
   /** Custom UI component to display <img/> elements resp. a fallback in case of load error, defaults to and accepts same props as: [BaseImage](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/BaseImage.tsx) */
   BaseImage?: React.ComponentType<BaseImageProps>;
-  /** Custom UI component to display channel avatar that may be different from a simple user avatar, defaults to and accepts same props as: [ChannelAvatar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/ChannelAvatar.tsx) */
-  ChannelAvatar?: React.ComponentType<ChannelAvatarProps>;
   /** Custom UI component to display set of action buttons within `ChannelPreviewMessenger` component, accepts same props as: [ChannelPreviewActionButtons](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelPreviewActionButtons.tsx) */
   ChannelPreviewActionButtons?: React.ComponentType<
     ChannelPreviewActionButtonsProps<StreamChatGenerics>