Merge pull request #46 from microsoft/jamesdevdochistory

Template History implementation

Author: andrewldesousa

frontend/src/api/api.ts

@@ -116,17 +116,19 @@ export const historyRead = async (convId: string): Promise<ChatMessage[]> => {
 export const historyGenerate = async (
   options: ConversationRequest,
   abortSignal: AbortSignal,
-  convId?: string
+  convId?: string, chatType: ChatType = ChatType.Browse
 ): Promise<Response> => {
   let body
   if (convId) {
     body = JSON.stringify({
       conversation_id: convId,
-      messages: options.messages
+      messages: options.messages,
+      chat_type: chatType
     })
   } else {
     body = JSON.stringify({
-      messages: options.messages
+      messages: options.messages,
+      chat_type: chatType
     })
   }
   const response = await fetch('/history/generate', {

frontend/src/components/ChatHistory/ChatHistoryPanel.tsx

@@ -116,7 +116,7 @@ export function ChatHistoryPanel(_props: ChatHistoryPanelProps) {
               marginRight: 'auto',
               paddingLeft: '20px'
             }}>
-            Chat history
+            Template history
           </Text>
         </StackItem>
         <Stack verticalAlign="start">
@@ -184,7 +184,7 @@ export function ChatHistoryPanel(_props: ChatHistoryPanelProps) {
                     </StackItem>
                     <StackItem>
                       <Text style={{ alignSelf: 'center', fontWeight: '400', fontSize: 14 }}>
-                        <span>Chat history can't be saved at this time</span>
+                        <span>Template history can't be saved at this time</span>
                       </Text>
                     </StackItem>
                   </Stack>

frontend/src/components/common/Button.module.css

@@ -23,7 +23,7 @@
 }
 
 .historyButtonRoot {
-  width: 180px;
+  width: 220px;
   border: 1px solid #d1d1d1;
 }
 

frontend/src/pages/chat/Chat.module.css

@@ -21,9 +21,9 @@
   flex-direction: column;
   align-items: center;
   background: radial-gradient(108.78% 108.78% at 50.02% 19.78%, #ffffff 57.29%, #eef6fe 100%);
-  box-shadow:
+  /* box-shadow:
     0px 2px 4px rgba(0, 0, 0, 0.14),
-    0px 0px 2px rgba(0, 0, 0, 0.12);
+    0px 0px 2px rgba(0, 0, 0, 0.12); */
   border-radius: 8px;
   overflow-y: auto;
   max-height: calc(100vh - 100px);