faster resposne time

felixlaii · Mar 17, 2024 · f7cbb5f · f7cbb5f
1 parent 1a59bdf
commit f7cbb5f
Showing 1 changed file with 11 additions and 15 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -7,13 +7,7 @@ const Home: React.FC = () => {
     MessageProps[]
   >([]);
 
-  // Handler for sending messages, and conversation history while calling OpenAI API
   const handleSendMessage = async (message: string) => {
-    setConversationHistory([
-      ...conversationHistory,
-      { role: "user", content: message },
-    ]);
-
     try {
       const response = await fetch("/api/hello", {
         method: "POST",
@@ -22,31 +16,33 @@ const Home: React.FC = () => {
         },
         body: JSON.stringify({
           text: message,
-          conversationHistory: conversationHistory, // use current state here
+          conversationHistory, // Use current state here
         }),
       });
 
       if (response.ok) {
         const data = await response.json();
         setConversationHistory((prevConversationHistory) => [
           ...prevConversationHistory,
-          { role: "assistant", content: data.assistantMessage }, // Update user message here
+          { role: "user", content: message }, // Update user message here
+          { role: "assistant", content: data.assistantMessage },
         ]);
       } else {
         console.error("Error calling API:", response.statusText);
+        // Handle error gracefully (e.g., display a message to the user)
       }
     } catch (error) {
       console.error("Error calling API:", error);
+      // Handle error gracefully (e.g., display a message to the user)
     }
   };
+
   return (
-    <div className="flex flex-column mt-14">
-      <div className="w-full justify-center">
-        <div>
-          <h1 className="text-center font-mono text-xl text-gray-600 font-bold tracking-widest mt-6">
-            ChatGPT Clone
-          </h1>
-        </div>
+    <div className="flex justify-center mt-14">
+      <div className="w-full max-w-md">
+        <h1 className="text-center font-mono text-xl text-gray-600 font-bold tracking-widest mt-6">
+          ChatGPT Clone
+        </h1>
         <ChatBox
           conversationHistory={conversationHistory}
           onSendMessage={handleSendMessage}