Extract send button into a function

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-02-12 15:35:04 +01:00
parent 17f09d3b7a
commit 98757bb6cf
No known key found for this signature in database
GPG key ID: 9760693FDD98A790

View file

@ -50,6 +50,22 @@ ComposerAvatar.propTypes = {
me: PropTypes.object.isRequired, me: PropTypes.object.isRequired,
}; };
function SendButton(props) {
return (
<div>
<AccessibleTooltipButton
className="mx_MessageComposer_button mx_MessageComposer_sendMessage"
onClick={props.onClick}
title={_t('Send message')}
/>
</div>
);
}
SendButton.propTypes = {
onClick: PropTypes.func.isRequired,
};
function CallButton(props) { function CallButton(props) {
const onVoiceCallClick = (ev) => { const onVoiceCallClick = (ev) => {
dis.dispatch({ dis.dispatch({
@ -466,13 +482,9 @@ export default class MessageComposer extends React.Component {
} }
if (this.state.showSendButton) { if (this.state.showSendButton) {
controls.push(( controls.push(
<AccessibleTooltipButton <SendButton onClick={this.sendMessage} />,
className="mx_MessageComposer_button mx_MessageComposer_sendMessage" );
onClick={this.sendMessage}
title={_t('Send message')}
/>
));
} }
} else if (this.state.tombstone) { } else if (this.state.tombstone) {
const replacementRoomId = this.state.tombstone.getContent()['replacement_room']; const replacementRoomId = this.state.tombstone.getContent()['replacement_room'];