changed way of getting response to show message if only has one response

public/index.html

@@ -9,10 +9,10 @@
  <langflow-chat window_title="Langflow Chat" 
  online="true"
  online_message="We'll reply as soon as we can!" 
- offline_message="We can't reply right now!" 
- flow_id="ea724b9a-d922-4edb-a4dc-86583bb808ad"
- chat_inputs='{"input":""}'
- chat_input_field="input" 
+ offline_message="We can't reply right now!"
+ flow_id="010fd7d2-69a0-4c72-ab25-1af687aa65df"
+ chat_inputs='{"text":""}'
+ chat_input_field="text"
  host_url="http:https://localhost:7860" 
  style="position: fixed; bottom: 50px; right: 50px;"
  ></langflow-chat>

src/chatWidget/chatWindow/chatMessage/index.tsx

@@ -1,16 +1,39 @@
 import { ChatMessageType } from "../../../types/chatWidget";
-import { MoreHorizontal } from 'lucide-react';
+import { MoreHorizontal } from "lucide-react";
 
-export default function ChatMessage({ message, isSend, error, user_message_style, bot_message_style, error_message_style }: ChatMessageType) {
- return (
- <div className={"cl-chat-message " + (isSend ? " cl-justify-end" : " cl-justify-start")}>
- {isSend ?
- <div style={user_message_style} className="cl-user_message">{message}</div> :
- error ? <div style={error_message_style} className={"cl-error_message"}>
- {message} 
- </div> :
- <div style={bot_message_style} className={"cl-bot_message"}>
- {message === "" ? <div className="cl-animate-pulse"><MoreHorizontal/></div> : message}
- </div>}
- </div>)
-}
+export default function ChatMessage({
+ message,
+ isSend,
+ error,
+ user_message_style,
+ bot_message_style,
+ error_message_style,
+}: ChatMessageType) {
+ return (
+ <div
+ className={
+ "cl-chat-message " + (isSend ? " cl-justify-end" : " cl-justify-start")
+ }
+ >
+ {isSend ? (
+ <div style={user_message_style} className="cl-user_message">
+ {message}
+ </div>
+ ) : error ? (
+ <div style={error_message_style} className={"cl-error_message"}>
+ {message}
+ </div>
+ ) : (
+ <div style={bot_message_style} className={"cl-bot_message"}>
+ {message === "" ? (
+ <div className="cl-animate-pulse">
+ <MoreHorizontal />
+ </div>
+ ) : (
+ message
+ )}
+ </div>
+ )}
+ </div>
+ );
+}