Re-organize chat component components

microsoftgraph · Jan 16, 2024 · 45444fa · 45444fa
1 parent 88eabb0
commit 45444fa
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/packages/mgt-chat/src/components/Chat/Chat.tsx b/packages/mgt-chat/src/components/Chat/Chat.tsx
@@ -114,9 +114,9 @@ export const Chat = ({ chatId }: IMgtChatProps) => {
     <FluentThemeProvider fluentTheme={FluentTheme}>
       <FluentProvider theme={webLightTheme} className={styles.fullHeight}>
         <div className={styles.chat}>
+          <ChatHeader chatState={chatState} />
           {chatState.userId && chatId && chatState.messages.length > 0 ? (
             <>
-              <ChatHeader chatState={chatState} />
               <div className={styles.chatMessages}>
                 <MessageThread
                   userId={chatState.userId}
@@ -153,12 +153,11 @@ export const Chat = ({ chatId }: IMgtChatProps) => {
                 />
               </div>
               <div className={styles.chatInput}>
-                <SendBox onSendMessage={chatState.onSendMessage} />
+                <SendBox onSendMessage={chatState.onSendMessage} strings={{ placeholderText }} />
               </div>
             </>
           ) : (
             <>
-              <ChatHeader chatState={chatState} />
               {isLoading && (
                 <div className={styles.spinner}>
                   <Spinner /> <br />

diff --git a/packages/mgt-chat/src/statefulClient/StatefulGraphChatClient.ts b/packages/mgt-chat/src/statefulClient/StatefulGraphChatClient.ts
@@ -1161,7 +1161,7 @@ detail: ${JSON.stringify(eventDetail)}`);
     error(e?.message);
     this.notifyStateChange((draft: GraphChatClient) => {
       draft.status = 'error';
-      draft.activeErrorMessages = [...draft.activeErrorMessages, e];
+      draft.activeErrorMessages = [e];
       draft.chat = { topic: 'Unknown' };
     });
   };