diff --git a/frontend/src/components/QueryInput.tsx b/frontend/src/components/QueryInput.tsx index 9f03d9c..7486b59 100644 --- a/frontend/src/components/QueryInput.tsx +++ b/frontend/src/components/QueryInput.tsx @@ -7,12 +7,14 @@ export interface QueryInputProps { export const QueryInput: React.FC = ({ onSubmit, isLoading }) => { const [question, setQuestion] = useState('') + const [submittedQuestion, setSubmittedQuestion] = useState(null) const handleSubmit = (e: FormEvent): void => { e.preventDefault() const trimmed = question.trim() if (trimmed && !isLoading) { onSubmit(trimmed) + setSubmittedQuestion(trimmed) setQuestion('') } } @@ -24,26 +26,40 @@ export const QueryInput: React.FC = ({ onSubmit, isLoading }) = } } + const handleChange = (e: React.ChangeEvent): void => { + setQuestion(e.target.value) + if (e.target.value.trim() !== '') { + setSubmittedQuestion(null) + } + } + const isDisabled = isLoading || question.trim() === '' return (