mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-31 21:21:03 -04:00
7c97f8ab6e
* Use new JSX runtime and update Babel Node target * Update .eslintrc * Remove React imports GitOrigin-RevId: 559de0267f8f2934c56a860ea8701bb522aa861a
35 lines
865 B
JavaScript
35 lines
865 B
JavaScript
import PropTypes from 'prop-types'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
function MessageInput({ resetUnreadMessages, sendMessage }) {
|
|
const { t } = useTranslation()
|
|
|
|
function handleKeyDown(event) {
|
|
if (event.key === 'Enter') {
|
|
event.preventDefault()
|
|
sendMessage(event.target.value)
|
|
event.target.value = '' // clears the textarea content
|
|
}
|
|
}
|
|
|
|
return (
|
|
<div className="new-message">
|
|
<label htmlFor="chat-input" className="sr-only">
|
|
{t('your_message')}
|
|
</label>
|
|
<textarea
|
|
id="chat-input"
|
|
placeholder={`${t('your_message')}…`}
|
|
onKeyDown={handleKeyDown}
|
|
onClick={resetUnreadMessages}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
MessageInput.propTypes = {
|
|
resetUnreadMessages: PropTypes.func.isRequired,
|
|
sendMessage: PropTypes.func.isRequired,
|
|
}
|
|
|
|
export default MessageInput
|