Enter works again
This commit is contained in:
parent
7a895304ba
commit
a3ea23ebd7
1 changed files with 12 additions and 3 deletions
|
@ -14,19 +14,28 @@ const InputFrontend = React.forwardRef<HTMLDivElement, InputProps>(
|
||||||
setInputValue(e.target.value);
|
setInputValue(e.target.value);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
|
||||||
|
if (event.key === 'Enter') {
|
||||||
|
onSendClick(inputValue); // Call the function passed via props
|
||||||
|
setInputValue(''); // Optionally clear input after submission
|
||||||
|
event.preventDefault(); // Prevent default action (e.g., form submission)
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="input" id="inputForm">
|
<div className="input" id="inputForm" ref={ref}>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
name="user_message"
|
name="user_message"
|
||||||
placeholder="Type your message here..."
|
placeholder="Type your message here..."
|
||||||
value={inputValue}
|
value={inputValue}
|
||||||
onChange={handleInputChange}
|
onChange={handleInputChange}
|
||||||
|
onKeyDown={handleKeyDown}
|
||||||
/>
|
/>
|
||||||
<button type="submit" onClick={() => onSendClick(inputValue)}>
|
<button type="button" onClick={() => onSendClick(inputValue)}>
|
||||||
<img src="/img/send.svg" alt="send" />
|
<img src="/img/send.svg" alt="send" />
|
||||||
</button>
|
</button>
|
||||||
<button type="submit" onClick={onMicClick}>
|
<button type="button" onClick={onMicClick}>
|
||||||
<img src="/img/microphone.svg" alt="microphone" />
|
<img src="/img/microphone.svg" alt="microphone" />
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue