Remove unused Emoji component

GetStream · Nov 22, 2023 · 570d0b7 · 570d0b7
1 parent b8385c3
commit 570d0b7
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 22 deletions.
diff --git a/src/components/Channel/Channel.tsx b/src/components/Channel/Channel.tsx
@@ -186,8 +186,6 @@ type ChannelPropsForwardedToComponentContext<
 };
 
 type ChannelPropsForwardedToEmojiContext = {
-  /** Custom UI component to override default `NimbleEmoji` from `emoji-mart` */
-  Emoji?: EmojiContextValue['Emoji'];
   /** Custom prop to override default `facebook.json` emoji data set from `emoji-mart` */
   emojiData?: EmojiMartData;
   /** Custom UI component to override default `NimbleEmojiIndex` from `emoji-mart` */
@@ -1059,7 +1057,6 @@ const ChannelInner = <
 
   const emojiContextValue: EmojiContextValue = useMemo(
     () => ({
-      Emoji: props.Emoji,
       emojiConfig,
       EmojiIndex: props.EmojiIndex,
       EmojiPicker: props.EmojiPicker,

diff --git a/src/components/Channel/__tests__/Channel.test.js b/src/components/Channel/__tests__/Channel.test.js
@@ -548,20 +548,15 @@ describe('Channel', () => {
         emojis: {},
       };
       const CustomEmojiPicker = () => <div />;
-      const CustomEmoji = () => <span />;
 
-      renderComponent(
-        { channel, chatClient, Emoji: CustomEmoji, emojiData, EmojiPicker: CustomEmojiPicker },
-        (ctx) => {
-          context = ctx;
-        },
-      );
+      renderComponent({ channel, chatClient, emojiData, EmojiPicker: CustomEmojiPicker }, (ctx) => {
+        context = ctx;
+      });
 
       await waitFor(() => {
         expect(context).toBeInstanceOf(Object);
         expect(context.emojiConfig.emojiData).toBe(emojiData);
         expect(context.EmojiPicker).toBe(CustomEmojiPicker);
-        expect(context.Emoji).toBe(CustomEmoji);
       });
     });
 

diff --git a/src/context/EmojiContext.tsx b/src/context/EmojiContext.tsx
@@ -6,7 +6,6 @@ import type {
   Data as EmojiMartData,
   EmojiSheetSize,
   NimbleEmojiIndex,
-  NimbleEmojiProps,
   NimblePickerProps,
 } from 'emoji-mart';
 
@@ -44,13 +43,10 @@ export type EmojiConfig = {
 
 export type EmojiContextValue = {
   emojiConfig: EmojiConfig;
-  Emoji?: React.ComponentType<NimbleEmojiProps>;
   EmojiIndex?: NimbleEmojiIndex;
   EmojiPicker?: React.ComponentType<NimblePickerProps>;
 };
 
-const DefaultEmoji = React.lazy(() => import('./DefaultEmoji'));
-
 const DefaultEmojiPicker = React.lazy(() => import('./DefaultEmojiPicker'));
 
 export const EmojiContext = React.createContext<EmojiContextValue | undefined>(undefined);
@@ -61,15 +57,9 @@ export const EmojiProvider = ({
 }: PropsWithChildren<{
   value: EmojiContextValue;
 }>) => {
-  const {
-    Emoji = DefaultEmoji,
-    emojiConfig,
-    EmojiIndex = DefaultEmojiIndex,
-    EmojiPicker = DefaultEmojiPicker,
-  } = value;
+  const { emojiConfig, EmojiIndex = DefaultEmojiIndex, EmojiPicker = DefaultEmojiPicker } = value;
 
   const emojiContextValue: Required<EmojiContextValue> = {
-    Emoji,
     emojiConfig,
     EmojiIndex,
     EmojiPicker,