add message context menu icons

Signed-off-by: Michael Weimann <mail@michael-weimann.eu>
This commit is contained in:
Michael Weimann 2021-02-23 18:49:11 +01:00
parent e4eeafd485
commit 62efea7e19
No known key found for this signature in database
GPG key ID: 34F0524D4DA694A1
8 changed files with 88 additions and 0 deletions

View file

@ -265,6 +265,7 @@ export default class MessageContextMenu extends React.Component {
if (unsentReactionsCount !== 0) {
resendReactionsButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconResend"
label={ _t('Resend %(unsentCount)s reaction(s)', {unsentCount: unsentReactionsCount}) }
onClick={this.onResendReactionsClick}
/>
@ -275,6 +276,7 @@ export default class MessageContextMenu extends React.Component {
if (isSent && this.state.canRedact) {
redactButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconRedact"
label={_t("Remove")}
onClick={this.onRedactClick}
/>
@ -284,6 +286,7 @@ export default class MessageContextMenu extends React.Component {
if (isContentActionable(mxEvent)) {
forwardButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconForward"
label={_t("Forward Message")}
onClick={this.onForwardClick}
/>
@ -292,6 +295,7 @@ export default class MessageContextMenu extends React.Component {
if (this.state.canPin) {
pinButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconPin"
label={ this._isPinned() ? _t('Unpin Message') : _t('Pin Message') }
onClick={this.onPinClick}
/>
@ -301,6 +305,7 @@ export default class MessageContextMenu extends React.Component {
const viewSourceButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconSource"
label={_t("View Source")}
onClick={this.onViewSourceClick}
/>
@ -310,6 +315,7 @@ export default class MessageContextMenu extends React.Component {
if (this.props.eventTileOps.isWidgetHidden()) {
unhidePreviewButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconUnhidePreview"
label={_t("Unhide Preview")}
onClick={this.onUnhidePreviewClick}
/>
@ -324,6 +330,7 @@ export default class MessageContextMenu extends React.Component {
// XXX: if we use room ID, we should also include a server where the event can be found (other than in the domain of the event ID)
const permalinkButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconPermalink"
onClick={this.onPermalinkClick}
label= { mxEvent.isRedacted() || mxEvent.getType() !== 'm.room.message'
? _t('Share Permalink') : _t('Share Message') }
@ -337,6 +344,7 @@ export default class MessageContextMenu extends React.Component {
if (this.props.eventTileOps) { // this event is rendered using TextualBody
quoteButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconQuote"
label={_t("Quote")}
onClick={this.onQuoteClick}
/>
@ -350,6 +358,7 @@ export default class MessageContextMenu extends React.Component {
) {
externalURLButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconLink"
onClick={this.closeMenu}
label={ _t('Source URL') }
element="a"
@ -363,6 +372,7 @@ export default class MessageContextMenu extends React.Component {
if (this.props.collapseReplyThread) {
collapseReplyThread = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconCollapse"
label={_t("Collapse Reply Thread")}
onClick={this.onCollapseReplyThreadClick}
/>
@ -373,6 +383,7 @@ export default class MessageContextMenu extends React.Component {
if (mxEvent.getSender() !== me) {
reportEventButton = (
<IconizedContextMenuOption
iconClassName="mx_MessageContextMenu_iconReport"
label={_t("Report Content")}
onClick={this.onReportEventClick}
/>