Lint fixes and further test adjustmens

Author: arnautov-anton

src/components/Badge/MediaBadge.tsx

@@ -21,7 +21,7 @@ export const MediaBadge = ({ attachment, variant }: MediaBadgeProps) => {
       IconVideoFill = DefaultIconVideoFill,
     } = {},
   } = useComponentContext();
-  
+
   const mediaBadgeVariantToIcon: Record<MediaBadgeVariant, ComponentType> = {
     video: IconVideoFill,
     voiceRecording: IconMicrophoneSolid,

src/components/Icons/index.ts

@@ -1,3 +1,3 @@
 export { createIcon } from './createIcon';
 export * from './icons';
-export * from './slots';
+export * from './slots';

src/context/WithComponents.tsx

@@ -13,8 +13,8 @@ export function WithComponents({
     ...parentOverrides,
     ...overrides,
     icons: {
-      ...parentOverrides.icons,
-      ...overrides.icons,
+      ...parentOverrides?.icons,
+      ...overrides?.icons,
     },
   };
 

src/plugins/ChannelDetail/Views/ChannelMembersView/ChannelMembersAddView.tsx

@@ -1,7 +1,11 @@
 import { type SearchSourceState, type UserResponse, UserSearchSource } from 'stream-chat';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 
-import { useChatContext, useComponentContext, useTranslationContext } from '../../../../context';
+import {
+  useChatContext,
+  useComponentContext,
+  useTranslationContext,
+} from '../../../../context';
 import { useStateStore } from '../../../../store';
 import { Avatar } from '../../../../components/Avatar';
 import { Checkbox } from '../../../../components/Form';

src/plugins/ChannelDetail/Views/ChannelMembersView/__tests__/ChannelMembersAddView.test.tsx

@@ -2,7 +2,11 @@ import { fireEvent, screen, waitFor } from '@testing-library/react';
 import React from 'react';
 import type { UserResponse } from 'stream-chat';
 
-import { useChatContext, useTranslationContext } from '../../../../../context';
+import {
+  useChatContext,
+  useComponentContext,
+  useTranslationContext,
+} from '../../../../../context';
 import { useStateStore } from '../../../../../store';
 import { ChannelMembersAddView } from '../ChannelMembersAddView';
 import {
@@ -88,6 +92,8 @@ describe('ChannelMembersAddView', () => {
         options?.count ? `${key}:${options.count}` : key,
     } as ReturnType<typeof useTranslationContext>);
 
+    vi.mocked(useComponentContext).mockReturnValue({});
+
     vi.mocked(useChatContext).mockReturnValue({
       client: { user: { id: 'user-1' } },
       mutes: [],

src/plugins/ChannelDetail/Views/ChannelMembersView/__tests__/ChannelMembersBrowseView.test.tsx

@@ -2,7 +2,11 @@ import { fireEvent, screen } from '@testing-library/react';
 import React from 'react';
 import type { ChannelMemberResponse } from 'stream-chat';
 
-import { useChatContext, useTranslationContext } from '../../../../../context';
+import {
+  useChatContext,
+  useComponentContext,
+  useTranslationContext,
+} from '../../../../../context';
 import { useStateStore } from '../../../../../store';
 import { ChannelMembersBrowseView } from '../ChannelMembersBrowseView';
 import { createChannel, emitChannelEvent, renderWithChannel } from './testUtils';
@@ -117,6 +121,7 @@ describe('ChannelMembersBrowseView', () => {
         return key;
       },
     } as ReturnType<typeof useTranslationContext>);
+    vi.mocked(useComponentContext).mockReturnValue({});
     vi.mocked(useChatContext).mockReturnValue({
       mutes: [],
     } as ReturnType<typeof useChatContext>);

src/plugins/ChannelDetail/Views/PinnedMessagesView/__tests__/PinnedMessagesView.test.tsx

@@ -6,6 +6,7 @@ import { fromPartial } from '@total-typescript/shoehorn';
 import {
   useChannelActionContext,
   useChatContext,
+  useComponentContext,
   useModalContext,
   useTranslationContext,
 } from '../../../../../context';
@@ -210,6 +211,8 @@ describe('PinnedMessagesView', () => {
       tDateTimeParser: (input?: string | Date) => new Date(input ?? Date.now()),
     } as ReturnType<typeof useTranslationContext>);
 
+    vi.mocked(useComponentContext).mockReturnValue({});
+
     vi.mocked(useChatContext).mockReturnValue({
       client: { userID: 'user-1' },
     } as ReturnType<typeof useChatContext>);