Update PlanChat.tsx

Author: Fr4nc3

src/frontend_react/src/components/content/PlanChat.tsx

@@ -15,7 +15,7 @@ const PlanChat: React.FC<PlanChatProps> = ({
     planData,
     OnChatSubmit
 }) => {
-    const [messages, setMessages] = useState<{ role: string; content: string }[]>([]);
+    // const [messages, setMessages] = useState<{ role: string; content: string }[]>([]);
     const [input, setInput] = useState("");
     const [isTyping, setIsTyping] = useState(false);
     const [showScrollButton, setShowScrollButton] = useState(false);
@@ -24,19 +24,18 @@ const PlanChat: React.FC<PlanChatProps> = ({
 
     const messagesContainerRef = useRef<HTMLDivElement>(null);
     const inputContainerRef = useRef<HTMLDivElement>(null);
-
+    const messages = planData.messages || [];
     const scrollToBottom = () => {
     };
     const clearChat = async () => {
-        setMessages([]);
         setInput("");
         setCurrentConversationId(undefined);
     };
     return (
         <div className="chat-container">
             <div className="messages" ref={messagesContainerRef}>
                 <div className="message-wrapper">
-                    {messages.map((msg, index) => (<div key={index} className={`message ${msg.role}`}>
+                    {messages.map((msg, index) => (<div key={index} className={`message ${msg.source !== "human" ? "assistant" : "user"}`}>
                         <Body1>
                             <div className="plan-chat-message-content">
                                 <ReactMarkdown remarkPlugins={[remarkGfm]} rehypePlugins={[rehypePrism]}>