From 05da70e1343b68f882a75cd77b2834f62dcf5565 Mon Sep 17 00:00:00 2001
From: Irene Ryu <irene.ryu@sendbird.com>
Date: Tue, 18 Jul 2023 13:27:57 +0900
Subject: [PATCH] feat: display suggested replies after streaming is done

---
 src/components/CustomChannelComponent.tsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/CustomChannelComponent.tsx b/src/components/CustomChannelComponent.tsx
index e57ac83c9..290120b26 100644
--- a/src/components/CustomChannelComponent.tsx
+++ b/src/components/CustomChannelComponent.tsx
@@ -4,7 +4,7 @@ import { SendingStatus } from '@sendbird/chat/message';
 import ChannelHeader from '@sendbird/uikit-react/Channel/components/ChannelHeader';
 import ChannelUI from '@sendbird/uikit-react/Channel/components/ChannelUI';
 import { useChannelContext } from '@sendbird/uikit-react/Channel/context';
-import { useEffect, useState } from 'react';
+import { useEffect, useState, useMemo } from 'react';
 // eslint-disable-next-line import/no-unresolved
 import { ClientUserMessage, EveryMessage } from 'SendbirdUIKitGlobal';
 import styled from 'styled-components';
@@ -39,6 +39,10 @@ type CustomChannelComponentProps = {
   createGroupChannel?: () => void;
 };
 
+type MessageMeta = {
+  stream: boolean;
+};
+
 export function CustomChannelComponent(props: CustomChannelComponentProps) {
   const { botUser, createGroupChannel } = props;
   const { suggestedMessageContent } = useConstantState();
@@ -53,6 +57,16 @@ export function CustomChannelComponent(props: CustomChannelComponentProps) {
   const startingPagePlaceHolder =
     allMessages.length === 1 && lastMessage.messageType === 'admin';
 
+  const messageMeta = useMemo(() => {
+    let messageMeta: MessageMeta | null;
+    try {
+      messageMeta = lastMessage?.data ? JSON.parse(lastMessage.data) : null;
+    } catch (error) {
+      messageMeta = null;
+    }
+    return messageMeta;
+  }, [lastMessage?.data]);
+
   /**
    * If the updated last message is sent by the current user, activate spinner for the sent message.
    * If the updated last message is pending or failed by the current user or sent by the bot, deactivate spinner.
@@ -95,6 +109,7 @@ export function CustomChannelComponent(props: CustomChannelComponentProps) {
               {allMessages &&
                 allMessages.length > 1 &&
                 lastMessage.sender.userId === botUser.userId &&
+                !messageMeta?.stream &&
                 isSpecialMessage(
                   lastMessage.message,
                   suggestedMessageContent.messageFilterList