fix: hide tooltip in the super group channel (#671)

[CLNP-230](https://sendbird.atlassian.net/browse/CLNP-230)

Author: HoonBaek

src/ui/EmojiReactions/ReactionItem.tsx

@@ -1,26 +1,31 @@
 import React, { useContext } from 'react';
 
+import { Emoji } from '@sendbird/chat';
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+import { OpenChannel } from '@sendbird/chat/openChannel';
 import { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';
 
 import Tooltip from '../Tooltip';
 import TooltipWrapper from '../TooltipWrapper';
 import ReactionBadge from '../ReactionBadge';
 import ImageRenderer from '../ImageRenderer';
 import Icon, { IconTypes } from '../Icon';
+
+import { Nullable } from '../../types';
+import { getEmojiTooltipString, isReactedBy } from '../../utils';
 import { useMediaQueryContext } from '../../lib/MediaQueryContext';
 import useLongPress from '../../hooks/useLongPress';
 import { LocalizationContext } from '../../lib/LocalizationContext';
 import useSendbirdStateContext from '../../hooks/useSendbirdStateContext';
-import { getEmojiTooltipString, isReactedBy } from '../../utils';
 import { useMessageContext } from '../../modules/Message/context/MessageProvider';
-import { Emoji } from '@sendbird/chat';
 
 type Props = {
   reaction: Reaction;
   memberNicknamesMap: Map<string, string>;
   setEmojiKey: React.Dispatch<React.SetStateAction<string>>;
   toggleReaction?: (message: UserMessage | FileMessage, key: string, byMe: boolean) => void;
   emojisMap: Map<string, Emoji>;
+  channel: Nullable<GroupChannel | OpenChannel>;
 };
 
 export default function ReactionItem({
@@ -29,6 +34,7 @@ export default function ReactionItem({
   setEmojiKey,
   toggleReaction,
   emojisMap,
+  channel,
 }: Props) {
   const store = useSendbirdStateContext();
   const { isMobile } = useMediaQueryContext();
@@ -38,6 +44,8 @@ export default function ReactionItem({
 
   const userId = store.config.userId;
   const reactedByMe = isReactedBy(userId, reaction);
+  const showHoverTooltip = (reaction.userIds.length > 0)
+    && (channel?.isGroupChannel() && !channel.isSuper);
 
   const handleOnClick = () => {
     setEmojiKey('');
@@ -56,7 +64,7 @@ export default function ReactionItem({
   return (
     <TooltipWrapper
       className="sendbird-emoji-reactions__reaction-badge"
-      hoverTooltip={(reaction.userIds.length > 0) ? (
+      hoverTooltip={showHoverTooltip ? (
         <Tooltip>
           {getEmojiTooltipString(reaction, userId, memberNicknamesMap, stringSet)}
         </Tooltip>

src/ui/EmojiReactions/index.tsx

@@ -64,6 +64,7 @@ const EmojiReactions = ({
               setEmojiKey={setSelectedEmojiKey}
               toggleReaction={toggleReaction}
               emojisMap={emojisMap}
+              channel={channel}
             />
           );
         })