commit 02112

src/components/ChatInput.jsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useEffect,useState } from "react";
 
 export default function ChatInput({ onSend, fileUploaded }) {
   const [input, setInput] = useState("");
@@ -9,17 +9,23 @@ export default function ChatInput({ onSend, fileUploaded }) {
     setInput("");
   };
 
-     const canSend = input.trim() && fileUploaded;
+  useEffect(() => {
+  if (!fileUploaded) setInput("");
+}, [fileUploaded]);
+
+     // Disable input if no file uploaded
+  const isInputDisabled = !fileUploaded;
+  const isButtonDisabled = !fileUploaded || !input.trim();
   return (
     <div className="chat-input">
       <input
         placeholder="Paste error, ask DevMate..."
         value={input}
         onChange={(e) => setInput(e.target.value)}
-         disabled={!fileUploaded} // disable typing if no file
-         onKeyDown={(e) => e.key === "Enter" && canSend && handleSubmit()}
+         disabled={isInputDisabled} // disable typing if no file
+         onKeyDown={(e) => e.key === "Enter" && !isButtonDisabled && handleSubmit()}
       />
-      <button onClick={handleSubmit} disabled={!canSend}>Send</button>
+      <button onClick={handleSubmit} disabled={!isButtonDisabled}>Send</button>
     </div>
   );
 }