fix: Add missing export for the group channel modules (#955)

Add missing export for the GroupChannel and GroupChannelList modules

Author: HoonBaek

src/modules/GroupChannel/components/FrozenNotification/index.tsx

@@ -4,11 +4,11 @@ import React, { useContext } from 'react';
 import { LocalizationContext } from '../../../../lib/LocalizationContext';
 import Label, { LabelTypography } from '../../../../ui/Label';
 
-interface FrozenNotificationProps {
+export interface FrozenNotificationProps {
   className?: string;
 }
 
-const FrozenNotification = ({
+export const FrozenNotification = ({
   className = '',
 }: FrozenNotificationProps): React.ReactElement => {
   const { stringSet } = useContext(LocalizationContext);

src/modules/GroupChannel/components/GroupChannelUI/index.tsx

@@ -25,7 +25,7 @@ export interface GroupChannelUIProps {
   renderFrozenNotification?: () => React.ReactElement;
 }
 
-const GroupChannelUI = (props: GroupChannelUIProps) => {
+export const GroupChannelUI = (props: GroupChannelUIProps) => {
   const context = useGroupChannelContext();
   const {
     currentChannel,

src/modules/GroupChannel/components/RemoveMessageModal/RemoveMessageModalView.tsx

@@ -13,11 +13,11 @@ export interface RemoveMessageModalProps {
   message: EveryMessage;
 }
 
-interface RemoveMessageModalViewProps extends RemoveMessageModalProps {
+export interface RemoveMessageModalViewProps extends RemoveMessageModalProps {
   deleteMessage: (message: SendableMessageType) => Promise<void>;
 }
 
-const RemoveMessageModalView = (props: RemoveMessageModalViewProps) => {
+export const RemoveMessageModalView = (props: RemoveMessageModalViewProps) => {
   const {
     onSubmit = () => {
       /* noop */

src/modules/GroupChannel/components/RemoveMessageModal/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { useGroupChannelContext } from '../../context/GroupChannelProvider';
 import RemoveMessageModalView, { RemoveMessageModalProps } from './RemoveMessageModalView';
 
-const RemoveMessageModal = (props: RemoveMessageModalProps) => {
+export const RemoveMessageModal = (props: RemoveMessageModalProps) => {
   const { deleteMessage } = useGroupChannelContext();
   return <RemoveMessageModalView {...props} deleteMessage={deleteMessage} />;
 };

src/modules/GroupChannel/components/UnreadCount/index.tsx

@@ -15,7 +15,7 @@ export interface UnreadCountProps {
   time?: string;
 }
 
-const UnreadCount: React.FC<UnreadCountProps> = ({
+export const UnreadCount: React.FC<UnreadCountProps> = ({
   className = '',
   count = 0,
   time = '',

src/modules/GroupChannelList/components/GroupChannelListItem/index.tsx

@@ -11,7 +11,7 @@ import { useLocalization } from '../../../../lib/LocalizationContext';
 import { useGroupChannelListContext } from '../../context/GroupChannelListProvider';
 import { GroupChannelListItemView } from './GroupChannelListItemView';
 
-interface GroupChannelListItemProps extends React.PropsWithChildren {
+export interface GroupChannelListItemProps extends React.PropsWithChildren {
   channel: GroupChannel;
   isSelected?: boolean;
   isTyping?: boolean;

src/modules/GroupChannelList/components/GroupChannelListUI/index.tsx

@@ -26,7 +26,7 @@ export interface GroupChannelListUIProps {
   renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;
 }
 
-const GroupChannelListUI = (props: GroupChannelListUIProps) => {
+export const GroupChannelListUI = (props: GroupChannelListUIProps) => {
   const {
     renderHeader,
     renderChannelPreview,

src/modules/GroupChannelList/components/GroupChannelPreviewAction.tsx

@@ -7,13 +7,13 @@ import Icon, { IconTypes, IconColors } from '../../../ui/Icon';
 import LeaveChannelModal from './LeaveGroupChannel';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 
-type ChannelPreviewActionProps = {
+export interface ChannelPreviewActionProps {
   channel?: GroupChannel;
   disabled: boolean;
   onLeaveChannel(): void;
-};
+}
 
-export default function GroupChannelPreviewAction({ channel, disabled = false, onLeaveChannel }: ChannelPreviewActionProps) {
+export function GroupChannelPreviewAction({ channel, disabled = false, onLeaveChannel }: ChannelPreviewActionProps) {
   const parentRef = useRef(null);
   const parentContainerRef = useRef(null);
   const [showModal, setShowModal] = useState(false);
@@ -64,3 +64,5 @@ export default function GroupChannelPreviewAction({ channel, disabled = false, o
     </div>
   );
 }
+
+export default GroupChannelPreviewAction;