diff --git a/src/components/views/messages/MessageActionBar.tsx b/src/components/views/messages/MessageActionBar.tsx index 7387e0cc7b..969ae0a4de 100644 --- a/src/components/views/messages/MessageActionBar.tsx +++ b/src/components/views/messages/MessageActionBar.tsx @@ -304,13 +304,12 @@ export default class MessageActionBar extends React.PureComponent; - const threadTooltipButton = + const threadTooltipButton = { context => } ; @@ -339,17 +338,17 @@ export default class MessageActionBar extends React.PureComponent + if (this.showReplyInThreadAction) { + toolbarOpts.splice(0, 0, threadTooltipButton); + } + toolbarOpts.splice(0, 0, ( - { (this.showReplyInThreadAction) && ( - threadTooltipButton - ) } - ); + )); } if (this.context.canReact) { toolbarOpts.splice(0, 0, ); } - } - // Show thread icon even for deleted messages, but only within main timeline - if (this.context.timelineRenderingType === TimelineRenderingType.Room && - SettingsStore.getValue("feature_thread") && - this.props.mxEvent.getThread() && - !isContentActionable(this.props.mxEvent) + } else if (SettingsStore.getValue("feature_thread") && + // Show thread icon even for deleted messages, but only within main timeline + this.context.timelineRenderingType === TimelineRenderingType.Room && + this.props.mxEvent.getThread() ) { toolbarOpts.unshift(threadTooltipButton); }