mirror of
https://github.com/overleaf/overleaf.git
synced 2024-09-16 02:52:31 -04:00
32 lines
768 B
JavaScript
32 lines
768 B
JavaScript
import React from 'react'
|
|
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">
|
|
<textarea
|
|
placeholder={`${t('your_message')}...`}
|
|
onKeyDown={handleKeyDown}
|
|
onClick={resetUnreadMessages}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
MessageInput.propTypes = {
|
|
resetUnreadMessages: PropTypes.func.isRequired,
|
|
sendMessage: PropTypes.func.isRequired
|
|
}
|
|
|
|
export default MessageInput
|